tuikit-atomicx-vue3 4.4.0 → 4.5.0

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

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

@@ -0,0 +1,61 @@
+import { markRaw as u, h as C, render as h } from "vue";
+import { useUIKit as l, IconEditNameCard as f, TUIToast as c, TOAST_TYPE as s } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as p } from "../../../../states/RoomParticipantState/index.js";
+import { _ as g } from "../../../../changeNameCardDialog.vue_vue_type_script_setup_true_lang-a4FmKskP.js";
+function N(t) {
+  let e = 0;
+  for (let a = 0; a < t.length; a++) {
+    const n = t.charCodeAt(a);
+    n <= 127 ? e += 1 : n <= 2047 ? e += 2 : n <= 65535 ? e += 3 : e += 4;
+  }
+  return e;
+}
+const { t: i } = l(), { updateParticipantNameCard: y } = p();
+function R({ targetParticipant: t }) {
+  const e = (r) => {
+    const o = N(r) <= 32;
+    return o || c({
+      type: s.WARNING,
+      message: i("ParticipantList.NameMaxLength")
+    }), o;
+  };
+  async function a(r) {
+    if (!e(r))
+      return Promise.reject(new Error("The user name cannot exceed 32 characters"));
+    try {
+      await y({
+        userId: t.userId,
+        nameCard: r
+      }), c({
+        type: s.SUCCESS,
+        message: i("ParticipantList.NameChangeSuccess")
+        // duration: MESSAGE_DURATION.NORMAL,
+      });
+    } catch {
+      c({
+        type: s.ERROR,
+        message: i("ParticipantList.ChangeNameFailed"),
+        duration: 5e3
+      });
+    }
+    return Promise.resolve();
+  }
+  function n() {
+    var d;
+    const o = C(g, {
+      userInfo: t,
+      confirmFunction: a
+    }), m = document.createElement("div");
+    h(o, m), (d = document.getElementById("roomPage")) == null || d.appendChild(m);
+  }
+  return {
+    key: "changeUserNameCard",
+    icon: u(f),
+    label: i("ParticipantList.ChangeName"),
+    handler: n
+  };
+}
+export {
+  N as calculateByteLength,
+  R as useNameCardAction
+};

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

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

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

@@ -0,0 +1,54 @@
+import { computed as u, reactive as l, markRaw as p } from "vue";
+import { useUIKit as T, IconTransferOwner as S, TUIMessageBox as O, TUIToast as o, TOAST_TYPE as i } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as w } from "../../../states/RoomParticipantState/index.js";
+import { useRoomState as d } from "../../../states/RoomState/index.js";
+import { useDeviceState as R } from "../../../states/DeviceState/DeviceState.js";
+import { RoomParticipantRole as v } from "../../../types/participant.js";
+import { DeviceStatus as P } from "../../../types/device.js";
+const { currentRoom: y } = d(), { t: e } = T(), { localParticipant: c, transferOwner: I } = w(), { stopScreenShare: L } = R();
+function E({ targetParticipant: r }) {
+  const n = u(() => r.nameCard || r.userName || r.userId);
+  function f() {
+    O.confirm({
+      title: e("ParticipantList.TransferHostTo", {
+        name: n.value
+      }),
+      content: e(
+        "ParticipantList.TransferHostWarning"
+      ),
+      confirmText: e("ParticipantList.ConfirmTransfer"),
+      cancelText: e("ParticipantList.Cancel"),
+      callback: async (t) => {
+        t === "confirm" && m();
+      }
+    });
+  }
+  async function m() {
+    var t, a, s;
+    if (((t = c.value) == null ? void 0 : t.role) === v.Owner)
+      try {
+        ((a = c.value) == null ? void 0 : a.screenShareStatus) === P.On && ((s = y.value) != null && s.isAllScreenShareDisabled) && L(), await I({
+          userId: r.userId
+        }), o({
+          type: i.SUCCESS,
+          message: e("ParticipantList.TransferHostSuccess", {
+            name: n.value
+          })
+        });
+      } catch {
+        o({
+          type: i.ERROR,
+          message: e("ParticipantList.TransferHostFailed")
+        });
+      }
+  }
+  return l({
+    key: "transferOwner",
+    icon: p(S),
+    label: e("ParticipantList.TransferHost"),
+    handler: f
+  });
+}
+export {
+  E as useTransferOwnerAction
+};

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

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

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

@@ -0,0 +1,40 @@
+import { computed as c } from "vue";
+import { useUIKit as n, IconVideoOpen as a, TUIToast as m, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as s } from "../../../states/RoomParticipantState/index.js";
+import { DeviceType as r } from "../../../types/device.js";
+function v({ targetParticipant: e }) {
+  const { closeParticipantDevice: i } = s(), { t } = n();
+  return {
+    key: "muteVideo",
+    icon: a,
+    label: t("ParticipantList.DisableVideo"),
+    handler: async () => {
+      await i({
+        userId: e.userId,
+        deviceType: r.Camera
+      });
+    }
+  };
+}
+function y({ targetParticipant: e }) {
+  const { inviteToOpenDevice: i } = s(), t = c(() => e.nameCard || e.userName || e.userId), { t: o } = n();
+  return {
+    key: "unmuteVideo",
+    icon: a,
+    label: o("ParticipantList.EnableVideo"),
+    handler: async () => {
+      await i({
+        userId: e.userId,
+        device: r.Camera,
+        timeout: 30
+      }), m({
+        type: u.INFO,
+        message: `${o("ParticipantList.InviteCameraSent", { name: t.value })}`
+      });
+    }
+  };
+}
+export {
+  v as useMuteVideoAction,
+  y as useUnmuteVideoAction
+};

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

@@ -0,0 +1,8 @@
+export default function useRoomActions(): {
+    canOperate: import('vue').ComputedRef<boolean>;
+    roomActionList: import('vue').ComputedRef<{
+        key: string;
+        label: string;
+        handler: () => void;
+    }[]>;
+};

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

@@ -0,0 +1,20 @@
+import { computed as e } from "vue";
+import { useRoomParticipantState as c } from "../../../states/RoomParticipantState/index.js";
+import a from "./useRoomAudioAction.js";
+import u from "./useRoomScreenAction.js";
+import p from "./useRoomVideoAction.js";
+import { RoomParticipantRole as i } from "../../../types/participant.js";
+const { localParticipant: m } = c();
+function v() {
+  const o = e(() => {
+    var t, r;
+    return ((t = m.value) == null ? void 0 : t.role) === i.Owner || ((r = m.value) == null ? void 0 : r.role) === i.Admin;
+  }), n = e(() => o.value ? [a(), p(), u()] : []);
+  return {
+    canOperate: o,
+    roomActionList: n
+  };
+}
+export {
+  v as default
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomAudioAction.d.ts

@@ -0,0 +1,5 @@
+export default function useRoomAudioAction(): {
+    key: string;
+    label: string;
+    handler: () => void;
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomAudioAction.js

@@ -0,0 +1,51 @@
+import { reactive as r, computed as p, defineComponent as u } from "vue";
+import { useUIKit as m, TUIMessageBox as A, TUIToast as d, TOAST_TYPE as f } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as T } from "../../../states/RoomParticipantState/index.js";
+import { useRoomState as b } from "../../../states/RoomState/index.js";
+import { DeviceType as P } from "../../../types/device.js";
+const { currentRoom: o } = b(), { disableAllDevices: M } = T();
+function U() {
+  const { t: i } = m();
+  let e = !1;
+  function l() {
+    var t, a, n;
+    e = !((t = o.value) != null && t.isAllMicrophoneDisabled), A.confirm({
+      title: (a = o.value) != null && a.isAllMicrophoneDisabled ? i("ParticipantList.UnmuteAll") : i("ParticipantList.MuteAllTip"),
+      content: (n = o.value) != null && n.isAllMicrophoneDisabled ? i("ParticipantList.UnmuteAllDesc") : i("ParticipantList.MicDisabledTip"),
+      confirmText: i("ParticipantList.Confirm"),
+      cancelText: i("ParticipantList.Cancel"),
+      callback: async (s) => {
+        s === "confirm" && c();
+      }
+    });
+  }
+  async function c() {
+    var t;
+    if (((t = o.value) == null ? void 0 : t.isAllMicrophoneDisabled) === e) {
+      const a = i(e ? "ParticipantList.AudioDisabled" : "ParticipantList.AudioEnabled");
+      d({
+        type: f.SUCCESS,
+        message: a
+      });
+      return;
+    }
+    await M({
+      deviceType: P.Microphone,
+      disable: e
+    });
+  }
+  return r({
+    key: "RoomAudioAction",
+    icon: u({}),
+    label: p(
+      () => {
+        var t;
+        return (t = o.value) != null && t.isAllMicrophoneDisabled ? i("ParticipantList.UnmuteAll") : i("ParticipantList.MuteAll");
+      }
+    ),
+    handler: l
+  });
+}
+export {
+  U as default
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomScreenAction.d.ts

@@ -0,0 +1,8 @@
+import { Component } from 'vue';
+
+export default function useRoomScreenAction(): {
+    key: string;
+    label: string;
+    icon: Component;
+    handler: () => void;
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomScreenAction.js

@@ -0,0 +1,60 @@
+import { reactive as m, computed as c } from "vue";
+import { useUIKit as p, IconAllMembersShareScreen as u, IconHostShareScreen as f, TUIMessageBox as h } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as d } from "../../../states/RoomParticipantState/index.js";
+import { useRoomState as A } from "../../../states/RoomState/index.js";
+import { RoomParticipantRole as v } from "../../../types/participant.js";
+import { DeviceType as l } from "../../../types/device.js";
+const { participantWithScreen: t, disableAllDevices: P, closeParticipantDevice: b } = d(), { currentRoom: i } = A();
+function x() {
+  const { t: r } = p();
+  let a = !1;
+  async function n() {
+    await P({
+      deviceType: l.ScreenShare,
+      disable: a
+    });
+  }
+  function s() {
+    var e;
+    if (a = !((e = i.value) != null && e.isAllScreenShareDisabled), !t.value || t.value.role === v.GeneralUser) {
+      n();
+      return;
+    }
+    h.confirm({
+      title: r(
+        "ParticipantList.ConfirmHostAdminOnlyShare"
+      ),
+      content: r(
+        "ParticipantList.TerminateOtherShare"
+      ),
+      confirmText: r("ParticipantList.Confirm"),
+      cancelText: r("ParticipantList.Cancel"),
+      callback: async (S) => {
+        var o;
+        S === "confirm" && (await b({
+          userId: (o = t.value) == null ? void 0 : o.userId,
+          deviceType: l.ScreenShare
+        }), n());
+      }
+    });
+  }
+  return m({
+    key: "AllScreenShareAction",
+    label: c(
+      () => {
+        var e;
+        return (e = i.value) != null && e.isAllScreenShareDisabled ? r("ParticipantList.AllCanShare") : r("ParticipantList.HostAdminOnlyShare");
+      }
+    ),
+    icon: c(
+      () => {
+        var e;
+        return (e = i.value) != null && e.isAllScreenShareDisabled ? u : f;
+      }
+    ),
+    handler: s
+  });
+}
+export {
+  x as default
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomVideoAction.d.ts

@@ -0,0 +1,5 @@
+export default function useRoomVideoAction(): {
+    key: string;
+    label: string;
+    handler: () => void;
+};

package/dist/components/RoomParticipantList/useRoomAction/useRoomVideoAction.js

@@ -0,0 +1,50 @@
+import { reactive as c, computed as m } from "vue";
+import { useUIKit as d, TUIMessageBox as p, TUIToast as A, TOAST_TYPE as b } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as u } from "../../../states/RoomParticipantState/index.js";
+import { useRoomState as f } from "../../../states/RoomState/index.js";
+import { DeviceType as V } from "../../../types/device.js";
+const { currentRoom: a } = f(), { disableAllDevices: T } = u();
+function y() {
+  const { t: i } = d();
+  let t = !1;
+  function s() {
+    var e, o, l;
+    t = !((e = a.value) != null && e.isAllCameraDisabled), p.confirm({
+      title: (o = a.value) != null && o.isAllCameraDisabled ? i("ParticipantList.EnableAllVideo") : i("ParticipantList.DisableAllVideoTip"),
+      content: (l = a.value) != null && l.isAllCameraDisabled ? i("ParticipantList.EnableAllVideoDesc") : i("ParticipantList.CameraDisabledTip"),
+      confirmText: i("ParticipantList.Confirm"),
+      cancelText: i("ParticipantList.Cancel"),
+      callback: async (r) => {
+        r === "confirm" && n();
+      }
+    });
+  }
+  async function n() {
+    var e;
+    if (((e = a.value) == null ? void 0 : e.isAllCameraDisabled) === t) {
+      const o = i(t ? "ParticipantList.VideoDisabled" : "ParticipantList.VideoEnabled");
+      A({
+        type: b.SUCCESS,
+        message: o
+      });
+      return;
+    }
+    await T({
+      deviceType: V.Camera,
+      disable: t
+    });
+  }
+  return c({
+    key: "AllVideoAction",
+    label: m(
+      () => {
+        var e;
+        return (e = a.value) != null && e.isAllCameraDisabled ? i("ParticipantList.EnableAllVideo") : i("ParticipantList.DisableAllVideo");
+      }
+    ),
+    handler: s
+  });
+}
+export {
+  y as default
+};