tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/hooks/useUserActions/useMemberInviteAction.js

@@ -1,48 +1,32 @@
-import { computed, reactive, watch } from "vue";
-import { TUIInvitationStatus } from "@tencentcloud/tuiroom-engine-js";
-import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../locales/index.js";
-import { UserAction } from "../../types/user.js";
-const { t } = useI18n();
-function useMemberInviteAction(userInfo) {
-  const handleInvite = () => {
+import { computed as l, reactive as s, watch as m } from "vue";
+import { TUIInvitationStatus as r } from "@tencentcloud/tuiroom-engine-js";
+import { TUIToast as c, TOAST_TYPE as f } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as p } from "../../locales/index.js";
+import { UserAction as v } from "../../types/user.js";
+const { t: e } = p();
+function b(n) {
+  const o = () => {
     roomService.conferenceInvitationManager.inviteUsers({
-      userIdList: [userInfo.userId]
-    });
-    TUIToast({
-      type: TOAST_TYPE.SUCCESS,
-      message: t("Invitation sent, waiting for members to join.")
+      userIdList: [n.userId]
+    }), c({
+      type: f.SUCCESS,
+      message: e("Invitation sent, waiting for members to join.")
       // duration: MESSAGE_DURATION.NORMAL,
     });
-  };
-  const invitationStatus = computed(() => userInfo.invitationStatus);
-  const inviteControl = reactive({
-    key: UserAction.InviteEnterRoomAction,
+  }, a = l(() => n.invitationStatus), t = s({
+    key: v.InviteEnterRoomAction,
     type: "control",
-    label: t("Call"),
-    handler: handleInvite
-  });
-  watch(invitationStatus, (newVal) => {
-    if (newVal === TUIInvitationStatus.kPending) {
-      inviteControl.label = t("Calling...");
-      inviteControl.type = "info";
-      inviteControl.handler = () => {
-      };
-    }
-    if (newVal === TUIInvitationStatus.kRejected) {
-      inviteControl.label = t("Not joining for now");
-      inviteControl.type = "info";
-      inviteControl.handler = () => {
-      };
-      setTimeout(() => {
-        inviteControl.label = t("Call");
-        inviteControl.type = "control";
-        inviteControl.handler = handleInvite;
-      }, 3e3);
-    }
+    label: e("Call"),
+    handler: o
   });
-  return inviteControl;
+  return m(a, (i) => {
+    i === r.kPending && (t.label = e("Calling..."), t.type = "info", t.handler = () => {
+    }), i === r.kRejected && (t.label = e("Not joining for now"), t.type = "info", t.handler = () => {
+    }, setTimeout(() => {
+      t.label = e("Call"), t.type = "control", t.handler = o;
+    }, 3e3));
+  }), t;
 }
 export {
-  useMemberInviteAction as default
+  b as default
 };

package/dist/hooks/useUserActions/useSeatAction.js

@@ -1,166 +1,154 @@
-import { reactive, computed } from "vue";
-import { TUIErrorCode, TUIRequestCallbackType } from "@tencentcloud/tuiroom-engine-js";
-import { IconDenyOnStage, IconInviteOnStage, IconOnStage, TUIToast, TOAST_TYPE, IconOffStage } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../locales/index.js";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useUserState } from "../../states/UserState/index.js";
-import { useRoomState } from "../../states/RoomState.js";
-import { UserAction, SeatStatus, RequestType } from "../../types/user.js";
-const { currentRoom } = useRoomState();
-const { t } = useI18n();
-const roomEngine = useRoomEngine();
-function useInviteUserOnSeat(userInfo) {
-  const { userListOnSeat, getDisplayName, cancelInvitationByAdmin, sendInvitationByAdmin } = useUserState();
-  async function toggleInviteUserOnSeat() {
-    var _a;
-    if (userInfo.seatStatus === SeatStatus.OffInvitationPending) {
-      await cancelInvitationByAdmin({
-        userId: userInfo.userId,
-        type: RequestType.Seat
+import { reactive as S, computed as g } from "vue";
+import { TUIErrorCode as f, TUIRequestCallbackType as c } from "@tencentcloud/tuiroom-engine-js";
+import { IconDenyOnStage as p, IconInviteOnStage as I, IconOnStage as R, TUIToast as r, TOAST_TYPE as i, IconOffStage as h } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as v } from "../../locales/index.js";
+import { useRoomEngine as T } from "../useRoomEngine.js";
+import { useUserState as d } from "../../states/UserState/index.js";
+import { useRoomState as E } from "../../states/RoomState.js";
+import { UserAction as l, SeatStatus as m, RequestType as u } from "../../types/user.js";
+const { currentRoom: b } = E(), { t } = v(), q = T();
+function N(e) {
+  const { userListOnSeat: n, getDisplayName: s, cancelInvitationByAdmin: a, sendInvitationByAdmin: o } = d();
+  async function O() {
+    var y;
+    if (e.seatStatus === m.OffInvitationPending)
+      await a({
+        userId: e.userId,
+        type: u.Seat
       });
-    } else {
-      if (userListOnSeat.value.length === ((_a = currentRoom.value) == null ? void 0 : _a.maxSeatCount)) {
-        TUIToast({
-          type: TOAST_TYPE.WARNING,
+    else {
+      if (n.value.length === ((y = b.value) == null ? void 0 : y.maxSeatCount)) {
+        r({
+          type: i.WARNING,
           message: `${t("The stage is full")}`
           // duration: MESSAGE_DURATION.NORMAL,
         });
         return;
       }
-      await sendInvitationByAdmin({
-        userId: userInfo.userId,
-        type: RequestType.Seat,
+      await o({
+        userId: e.userId,
+        type: u.Seat,
         timeout: 60,
-        requestCallback: (callbackInfo) => {
-          const { requestCallbackType, code } = callbackInfo;
-          switch (requestCallbackType) {
-            case TUIRequestCallbackType.kRequestAccepted:
-              TUIToast({
-                type: TOAST_TYPE.SUCCESS,
-                message: `${getDisplayName(userInfo)} ${t("accepted the invitation to the stage")}`
+        requestCallback: (k) => {
+          const { requestCallbackType: A, code: U } = k;
+          switch (A) {
+            case c.kRequestAccepted:
+              r({
+                type: i.SUCCESS,
+                message: `${s(e)} ${t("accepted the invitation to the stage")}`
                 // duration: MESSAGE_DURATION.NORMAL,
               });
               break;
-            case TUIRequestCallbackType.kRequestRejected:
-              TUIToast({
-                type: TOAST_TYPE.WARNING,
-                message: `${getDisplayName(userInfo)} ${t("declined the invitation to the stage")}`
+            case c.kRequestRejected:
+              r({
+                type: i.WARNING,
+                message: `${s(e)} ${t("declined the invitation to the stage")}`
                 // duration: MESSAGE_DURATION.NORMAL,
               });
               break;
-            case TUIRequestCallbackType.kRequestTimeout:
-              TUIToast({
-                type: TOAST_TYPE.WARNING,
+            case c.kRequestTimeout:
+              r({
+                type: i.WARNING,
                 message: t(
                   "The invitation to sb to go on stage has timed out",
                   {
-                    name: getDisplayName(userInfo)
+                    name: s(e)
                   }
                 )
                 // duration: MESSAGE_DURATION.NORMAL,
               });
               break;
-            case TUIRequestCallbackType.kRequestError:
-              if (code === TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
-                TUIToast({
-                  type: TOAST_TYPE.WARNING,
-                  message: t(
-                    "This member has already received the same request, please try again later"
-                  )
-                  // duration: MESSAGE_DURATION.NORMAL,
-                });
-              }
+            case c.kRequestError:
+              U === f.ERR_REQUEST_ID_REPEAT && r({
+                type: i.WARNING,
+                message: t(
+                  "This member has already received the same request, please try again later"
+                )
+                // duration: MESSAGE_DURATION.NORMAL,
+              });
               break;
           }
         }
       });
     }
   }
-  const inviteUserOnSeat = reactive({
-    key: UserAction.InviteOnSeatAction,
-    icon: computed(
-      () => userInfo.seatStatus === SeatStatus.OffInvitationPending ? IconDenyOnStage : IconInviteOnStage
+  return S({
+    key: l.InviteOnSeatAction,
+    icon: g(
+      () => e.seatStatus === m.OffInvitationPending ? p : I
     ),
-    label: computed(
-      () => userInfo.seatStatus === SeatStatus.OffInvitationPending ? t("Cancel stage") : t("Invite stage")
+    label: g(
+      () => e.seatStatus === m.OffInvitationPending ? t("Cancel stage") : t("Invite stage")
     ),
-    handler: toggleInviteUserOnSeat
+    handler: O
   });
-  return inviteUserOnSeat;
 }
-function useAgreeUserOnSeat(userInfo) {
-  const { acceptApplicationByAdmin } = useUserState();
-  const agreeUserOnSeat = reactive({
-    key: UserAction.AgreeOnSeatAction,
-    icon: IconOnStage,
+function C(e) {
+  const { acceptApplicationByAdmin: n } = d();
+  return S({
+    key: l.AgreeOnSeatAction,
+    icon: R,
     label: t("Agree to the stage"),
     handler: async () => {
       try {
-        await acceptApplicationByAdmin({
-          userId: userInfo.userId,
-          type: RequestType.Seat
+        await n({
+          userId: e.userId,
+          type: u.Seat
         });
-      } catch (error) {
-        if (error === TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-          TUIToast({
-            type: TOAST_TYPE.WARNING,
-            message: t("The stage is full")
-          });
-        } else {
-          console.error("Failure to response a user request", error);
-        }
+      } catch (a) {
+        a === f.ERR_ALL_SEAT_OCCUPIED ? r({
+          type: i.WARNING,
+          message: t("The stage is full")
+        }) : console.error("Failure to response a user request", a);
       }
     }
   });
-  return agreeUserOnSeat;
 }
-function useDenyUserOnSeat(userInfo) {
-  const { rejectApplicationByAdmin } = useUserState();
-  const denyUserOnSeat = reactive({
-    key: UserAction.DenyOnSeatAction,
-    icon: IconDenyOnStage,
+function w(e) {
+  const { rejectApplicationByAdmin: n } = d();
+  return S({
+    key: l.DenyOnSeatAction,
+    icon: p,
     label: t("Refuse stage"),
     handler: async () => {
       try {
-        await rejectApplicationByAdmin({
-          userId: userInfo.userId,
-          type: RequestType.Seat
+        await n({
+          userId: e.userId,
+          type: u.Seat
         });
-      } catch (error) {
-        console.error("Failure to response a user request", error);
+      } catch (a) {
+        console.error("Failure to response a user request", a);
       }
     }
   });
-  return denyUserOnSeat;
 }
-function useKickUserOffSeat(userInfo) {
-  async function kickUserOffSeatByAdmin(userInfo2) {
-    var _a;
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.kickUserOffSeatByAdmin({
+function _(e) {
+  async function n(a) {
+    var o;
+    await ((o = q.instance) == null ? void 0 : o.kickUserOffSeatByAdmin({
       seatIndex: -1,
-      userId: userInfo2.userId
+      userId: a.userId
     }));
   }
-  const kickUserOffSeat = reactive({
-    key: UserAction.KickOffSeatAction,
-    icon: IconOffStage,
+  return S({
+    key: l.KickOffSeatAction,
+    icon: h,
     label: t("Step down"),
-    handler: () => kickUserOffSeatByAdmin(userInfo)
+    handler: () => n(e)
   });
-  return kickUserOffSeat;
 }
-function useSeatAction(userInfo) {
+function F(e) {
   return {
-    inviteUserOnSeat: useInviteUserOnSeat(userInfo),
-    agreeUserOnSeat: useAgreeUserOnSeat(userInfo),
-    denyUserOnSeat: useDenyUserOnSeat(userInfo),
-    kickUserOffSeat: useKickUserOffSeat(userInfo)
+    inviteUserOnSeat: N(e),
+    agreeUserOnSeat: C(e),
+    denyUserOnSeat: w(e),
+    kickUserOffSeat: _(e)
   };
 }
 export {
-  useSeatAction as default,
-  useAgreeUserOnSeat,
-  useDenyUserOnSeat,
-  useInviteUserOnSeat,
-  useKickUserOffSeat
+  F as default,
+  C as useAgreeUserOnSeat,
+  w as useDenyUserOnSeat,
+  N as useInviteUserOnSeat,
+  _ as useKickUserOffSeat
 };

package/dist/hooks/useUserActions/useTransferOwnerAction.js

@@ -1,65 +1,58 @@
-import { reactive, markRaw } from "vue";
-import { TUIRole } from "@tencentcloud/tuiroom-engine-js";
-import { IconTransferOwner, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useI18n } from "../../locales/index.js";
-import MessageBox from "../../baseComp/MessageBox/index.js";
-import { useUserState } from "../../states/UserState/index.js";
-import { UserAction } from "../../types/user.js";
-const roomEngine = useRoomEngine();
-const { t } = useI18n();
-const { localUser, getDisplayName } = useUserState();
-function useTransferOwnerAction(userInfo) {
-  function transferOwnerFunc() {
-    MessageBox({
-      title: t("Transfer the roomOwner to sb", {
-        name: getDisplayName(userInfo)
+import { reactive as u, markRaw as w } from "vue";
+import { TUIRole as T } from "@tencentcloud/tuiroom-engine-js";
+import { IconTransferOwner as p, TUIToast as s, TOAST_TYPE as m } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomEngine as O } from "../useRoomEngine.js";
+import { useI18n as h } from "../../locales/index.js";
+import g from "../../baseComp/MessageBox/index.js";
+import { useUserState as R } from "../../states/UserState/index.js";
+import { UserAction as y } from "../../types/user.js";
+const c = O(), { t: e } = h(), { localUser: d, getDisplayName: i } = R();
+function M(n) {
+  function f() {
+    g({
+      title: e("Transfer the roomOwner to sb", {
+        name: i(n)
       }),
-      message: t(
+      message: e(
         "After transfer the room owner, you will become a general user"
       ),
-      confirmButtonText: t("Confirm transfer"),
-      cancelButtonText: t("Cancel"),
-      callback: async (action) => {
-        if (action === "confirm") {
-          handleTransferOwner();
-        }
+      confirmButtonText: e("Confirm transfer"),
+      cancelButtonText: e("Cancel"),
+      callback: async (r) => {
+        r === "confirm" && l();
       }
     });
   }
-  async function handleTransferOwner() {
-    var _a, _b, _c;
-    const roomInfo = await ((_a = roomEngine.instance) == null ? void 0 : _a.fetchRoomInfo());
-    if ((roomInfo == null ? void 0 : roomInfo.roomOwner) === ((_b = localUser.value) == null ? void 0 : _b.userId)) {
+  async function l() {
+    var o, t, a;
+    const r = await ((o = c.instance) == null ? void 0 : o.fetchRoomInfo());
+    if ((r == null ? void 0 : r.roomOwner) === ((t = d.value) == null ? void 0 : t.userId))
       try {
-        await ((_c = roomEngine.instance) == null ? void 0 : _c.changeUserRole({
-          userId: userInfo.userId,
-          userRole: TUIRole.kRoomOwner
-        }));
-        TUIToast({
-          type: TOAST_TYPE.SUCCESS,
-          message: t("The room owner has been transferred to sb", {
-            name: getDisplayName(userInfo)
+        await ((a = c.instance) == null ? void 0 : a.changeUserRole({
+          userId: n.userId,
+          userRole: T.kRoomOwner
+        })), s({
+          type: m.SUCCESS,
+          message: e("The room owner has been transferred to sb", {
+            name: i(n)
           })
           // duration: MESSAGE_DURATION.NORMAL,
         });
-      } catch (error) {
-        TUIToast({
-          type: TOAST_TYPE.ERROR,
-          message: t("Make host failed, please try again.")
+      } catch {
+        s({
+          type: m.ERROR,
+          message: e("Make host failed, please try again.")
           // duration: MESSAGE_DURATION.NORMAL,
         });
       }
-    }
   }
-  const transferOwner = reactive({
-    key: UserAction.TransferOwnerAction,
-    icon: markRaw(IconTransferOwner),
-    label: t("Make host"),
-    handler: transferOwnerFunc
+  return u({
+    key: y.TransferOwnerAction,
+    icon: w(p),
+    label: e("Make host"),
+    handler: f
   });
-  return transferOwner;
 }
 export {
-  useTransferOwnerAction as default
+  M as default
 };

package/dist/hooks/useUserActions/useVideoAction.js

@@ -1,53 +1,50 @@
-import { reactive, computed, markRaw } from "vue";
-import { TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
-import { IconVideoOpen, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useI18n } from "../../locales/index.js";
-import { useUserState } from "../../states/UserState/index.js";
-import { UserAction, RequestType } from "../../types/user.js";
-import { DeviceStatus } from "../../types/device.js";
-const { sendDeviceRequest, getDisplayName } = useUserState();
-function useVideoAction(userInfo) {
-  const roomEngine = useRoomEngine();
-  const { t } = useI18n();
-  async function muteUserVideo() {
-    var _a;
-    if (userInfo.cameraStatus === DeviceStatus.On) {
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.closeRemoteDeviceByAdmin({
-        userId: userInfo.userId,
-        device: TUIMediaDevice.kCamera
+import { reactive as c, computed as d, markRaw as u } from "vue";
+import { TUIMediaDevice as p } from "@tencentcloud/tuiroom-engine-js";
+import { IconVideoOpen as v, TUIToast as a, TOAST_TYPE as n } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomEngine as l } from "../useRoomEngine.js";
+import { useI18n as f } from "../../locales/index.js";
+import { useUserState as I } from "../../states/UserState/index.js";
+import { UserAction as y, RequestType as b } from "../../types/user.js";
+import { DeviceStatus as o } from "../../types/device.js";
+const { sendDeviceRequest: A, getDisplayName: r } = I();
+function E(e) {
+  const s = l(), { t } = f();
+  async function m() {
+    var i;
+    if (e.cameraStatus === o.On)
+      await ((i = s.instance) == null ? void 0 : i.closeRemoteDeviceByAdmin({
+        userId: e.userId,
+        device: p.kCamera
       }));
-    } else {
-      if (userInfo.cameraStatus === DeviceStatus.OffInvitationPending) {
-        TUIToast({
-          type: TOAST_TYPE.INFO,
-          message: `${t("An invitation to open the camera has been sent to sb.", { name: getDisplayName({ userId: userInfo.userId }) })}`
+    else {
+      if (e.cameraStatus === o.OffInvitationPending) {
+        a({
+          type: n.INFO,
+          message: `${t("An invitation to open the camera has been sent to sb.", { name: r({ userId: e.userId }) })}`
           // duration: MESSAGE_DURATION.NORMAL,
         });
         return;
       }
-      sendDeviceRequest({
-        userId: userInfo.userId,
-        type: RequestType.Camera,
+      A({
+        userId: e.userId,
+        type: b.Camera,
         timeout: 0
-      });
-      TUIToast({
-        type: TOAST_TYPE.INFO,
-        message: `${t("An invitation to open the camera has been sent to sb.", { name: getDisplayName({ userId: userInfo.userId }) })}`
+      }), a({
+        type: n.INFO,
+        message: `${t("An invitation to open the camera has been sent to sb.", { name: r({ userId: e.userId }) })}`
         // duration: MESSAGE_DURATION.NORMAL,
       });
     }
   }
-  const videoControl = reactive({
-    key: UserAction.VideoAction,
-    icon: markRaw(IconVideoOpen),
-    label: computed(
-      () => userInfo.cameraStatus === DeviceStatus.On ? t("Disable video") : t("Enable video")
+  return c({
+    key: y.VideoAction,
+    icon: u(v),
+    label: d(
+      () => e.cameraStatus === o.On ? t("Disable video") : t("Enable video")
     ),
-    handler: muteUserVideo
+    handler: m
   });
-  return videoControl;
 }
 export {
-  useVideoAction as default
+  E as default
 };

package/dist/hooks/useZIndex.js

@@ -1,17 +1,12 @@
-import { ref, computed } from "vue";
-const zIndex = ref(0);
-const defaultInitialZIndex = 3e3;
-function useZIndex() {
-  const currentZIndex = computed(() => defaultInitialZIndex + zIndex.value);
-  const nextZIndex = () => {
-    zIndex.value = zIndex.value + 1;
-    return currentZIndex.value;
-  };
+import { ref as u, computed as r } from "vue";
+const e = u(0), a = 3e3;
+function o() {
+  const n = r(() => a + e.value), t = () => (e.value = e.value + 1, n.value);
   return {
-    currentZIndex: currentZIndex.value,
-    nextZIndex
+    currentZIndex: n.value,
+    nextZIndex: t
   };
 }
 export {
-  useZIndex as default
+  o as default
 };

package/dist/i18n/index.js

@@ -1,7 +1,7 @@
-import { i18next } from "@tencentcloud/uikit-base-component-vue3";
-const addI18n = (lng, resource, deep = true, overwrite = false) => {
-  i18next.addResourceBundle(lng, "translation", resource.translation, deep, overwrite);
+import { i18next as o } from "@tencentcloud/uikit-base-component-vue3";
+const d = (t, n, a = !0, e = !1) => {
+  o.addResourceBundle(t, "translation", n.translation, a, e);
 };
 export {
-  addI18n
+  d as addI18n
 };

package/dist/index-CeQ4nl87.js

@@ -0,0 +1,44 @@
+const w = typeof wx < "u" && typeof wx.getSystemInfoSync == "function" && !!wx.getSystemInfoSync().fontSizeSetting, u = typeof uni < "u" && typeof window > "u", g = w || u, t = (typeof uni < "u" || typeof window < "u") && !g, n = t && window && window.navigator && window.navigator.userAgent || "", m = /Android/i.test(n), p = /(?:Windows Phone)/.test(n), b = /(?:SymbianOS)/.test(n), v = /OpenHarmony/i.test(n), S = t && ("ontouchstart" in window || navigator.maxTouchPoints > 0) && function() {
+  if (t) {
+    if (/Tablet|Pad/i.test(n)) return !0;
+    if (window.orientation === 180 || window.orientation === 0) return window.innerWidth >= 768 && window.innerHeight >= 1024;
+    if (window.orientation === 90 || window.orientation === -90) return window.innerWidth >= 1024 && window.innerHeight >= 768;
+  }
+  return !1;
+}(), A = /iPhone/i.test(n) || /iPod/i.test(n), P = w, f = m || p || b || A || S || v, x = t && !f, I = u && !w;
+function k() {
+  let i = "";
+  return x ? i = "pc" : f ? i = "h5" : P ? i = "wechat" : I && (i = "app"), i;
+}
+class o {
+  constructor() {
+    if (o.instance) return o.instance;
+    o.instance = this, this.eventCallback = null, this.listener = null, this.button = 0, this.init();
+  }
+  init() {
+    t && (this.eventCallback = (s) => {
+      this.listener && this.listener(s);
+    }, document.addEventListener("mousedown", this.eventCallback));
+  }
+  listen(s) {
+    if (t) {
+      const { domRefs: a, ignoreDomRefs: d, handler: c, button: l = 0 } = s;
+      this.button = l, this.listener = (r) => {
+        const h = Array.isArray(d) ? d : [d];
+        for (const e of h) if (e && e.contains(r.target)) return;
+        const y = Array.isArray(a) ? a : [a];
+        for (const e of y) if (e && e.contains(r.target) && this.button === r.button) return;
+        c(r), this.remove();
+      };
+    }
+  }
+  remove() {
+    this.listener = null, this.button = -1;
+  }
+}
+console.log("UniversalAPI.VERSION:2.4.0");
+new o();
+export {
+  A as f,
+  k as g
+};