tuikit-atomicx-vue3 0.1.0

package/dist/hooks/useUserActions/useTransferOwnerAction.js

@@ -0,0 +1,70 @@
+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 { DeviceStatus } from "../../types/device.js";
+import { UserAction } from "../../types/user.js";
+import { useRoomState } from "../../states/RoomState.js";
+import { useUserState } from "../../states/UserState/index.js";
+const roomEngine = useRoomEngine();
+const { t } = useI18n();
+const { localUser, getDisplayName } = useUserState();
+const { currentRoom } = useRoomState();
+function useTransferOwnerAction(userInfo) {
+  function transferOwnerFunc() {
+    MessageBox({
+      title: t("Transfer the roomOwner to sb", {
+        name: getDisplayName(userInfo)
+      }),
+      message: t(
+        "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();
+        }
+      }
+    });
+  }
+  async function handleTransferOwner() {
+    var _a, _b, _c, _d, _e;
+    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)) {
+      try {
+        if (((_c = localUser.value) == null ? void 0 : _c.screenStatus) === DeviceStatus.On && ((_d = currentRoom.value) == null ? void 0 : _d.isScreenShareDisableForAllUser)) {
+        }
+        await ((_e = roomEngine.instance) == null ? void 0 : _e.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)
+          })
+          // duration: MESSAGE_DURATION.NORMAL,
+        });
+      } catch (error) {
+        TUIToast({
+          type: TOAST_TYPE.ERROR,
+          message: t("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 transferOwner;
+}
+export {
+  useTransferOwnerAction as default
+};

package/dist/hooks/useUserActions/useVideoAction.d.ts

@@ -0,0 +1,16 @@
+import { UserInfo, UserAction } from '../../types';
+
+export default function useVideoAction(userInfo: UserInfo): {
+    key: UserAction;
+    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    label: any;
+    handler: () => Promise<void>;
+};

package/dist/hooks/useUserActions/useVideoAction.js

@@ -0,0 +1,53 @@
+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 { DeviceStatus } from "../../types/device.js";
+import { UserAction, RequestType } from "../../types/user.js";
+import { useUserState } from "../../states/UserState/index.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
+      }));
+    } 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 }) })}`
+          // duration: MESSAGE_DURATION.NORMAL,
+        });
+        return;
+      }
+      sendDeviceRequest({
+        userId: userInfo.userId,
+        type: RequestType.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 }) })}`
+        // 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")
+    ),
+    handler: muteUserVideo
+  });
+  return videoControl;
+}
+export {
+  useVideoAction as default
+};

package/dist/hooks/useZIndex.d.ts

@@ -0,0 +1,4 @@
+export default function (): {
+    currentZIndex: number;
+    nextZIndex: () => number;
+};

package/dist/hooks/useZIndex.js

@@ -0,0 +1,17 @@
+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;
+  };
+  return {
+    currentZIndex: currentZIndex.value,
+    nextZIndex
+  };
+}
+export {
+  useZIndex as default
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const addI18n: (lng: string, resource: any, deep?: boolean, overwrite?: boolean) => void;

package/dist/i18n/index.js

@@ -0,0 +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);
+};
+export {
+  addI18n
+};

package/dist/index-BF6QB9jF.js

@@ -0,0 +1,63 @@
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-CUmg6egw.js";
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(module) {
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = "";
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (arg) {
+          classes = appendClass(classes, parseValue(arg));
+        }
+      }
+      return classes;
+    }
+    function parseValue(arg) {
+      if (typeof arg === "string" || typeof arg === "number") {
+        return arg;
+      }
+      if (typeof arg !== "object") {
+        return "";
+      }
+      if (Array.isArray(arg)) {
+        return classNames.apply(null, arg);
+      }
+      if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+        return arg.toString();
+      }
+      var classes = "";
+      for (var key in arg) {
+        if (hasOwn.call(arg, key) && arg[key]) {
+          classes = appendClass(classes, key);
+        }
+      }
+      return classes;
+    }
+    function appendClass(value, newClass) {
+      if (!newClass) {
+        return value;
+      }
+      if (value) {
+        return value + " " + newClass;
+      }
+      return value + newClass;
+    }
+    if (module.exports) {
+      classNames.default = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(classnames);
+var classnamesExports = classnames.exports;
+const cs = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+export {
+  cs as c
+};

package/dist/index-BREVQgBq.js

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

package/dist/index-BlyS4ObG.js

@@ -0,0 +1,50 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
+import { IconCameraOn, IconCameraOff, IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "./states/DeviceState.js";
+import { DeviceStatus, DeviceError } from "./types/device.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      cameraStatus,
+      hasPublishVideoPermission,
+      cameraLastError,
+      closeLocalCamera,
+      openLocalCamera
+    } = useDeviceState();
+    async function handleClick() {
+      if (!hasPublishVideoPermission.value) {
+        return;
+      }
+      if (cameraStatus.value === DeviceStatus.On) {
+        await closeLocalCamera();
+      } else {
+        await openLocalCamera();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["camera-button", { "disabled": !unref(hasPublishVideoPermission) }]),
+        onClick: handleClick
+      }, [
+        unref(cameraStatus) === unref(DeviceStatus).On ? (openBlock(), createBlock(unref(IconCameraOn), {
+          key: 0,
+          size: "24"
+        })) : (openBlock(), createBlock(unref(IconCameraOff), {
+          key: 1,
+          size: "24"
+        })),
+        unref(cameraLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
+          key: 2,
+          class: "unsupport-icon",
+          size: "14"
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc8bbaca"]]);
+export {
+  index as i
+};

package/dist/index-NFANFVi5.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createVNode, createBlock, createCommentVNode } from "vue";
+import { IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "./states/DeviceState.js";
+import { DeviceStatus, DeviceError } from "./types/device.js";
+import AudioIcon from "./components/MicButton/AudioIcon.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "mic-button-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      audioVolume,
+      hasPublishAudioPermission,
+      microphoneStatus,
+      microphoneLastError,
+      muteLocalAudio,
+      openLocalMicrophone,
+      unmuteLocalAudio
+    } = useDeviceState();
+    const isMuted = computed(() => {
+      return microphoneStatus.value !== DeviceStatus.On;
+    });
+    async function handleClick() {
+      if (!hasPublishAudioPermission.value) {
+        return;
+      }
+      if (microphoneStatus.value === DeviceStatus.On) {
+        await muteLocalAudio();
+      } else {
+        await openLocalMicrophone();
+        await unmuteLocalAudio();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["mic-button", { "disabled": !unref(hasPublishAudioPermission) }]),
+          onClick: handleClick
+        }, [
+          createVNode(AudioIcon, {
+            "audio-volume": unref(audioVolume),
+            "is-muted": isMuted.value,
+            "is-disabled": !unref(hasPublishAudioPermission)
+          }, null, 8, ["audio-volume", "is-muted", "is-disabled"]),
+          unref(microphoneLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
+            key: 0,
+            class: "unsupport-icon",
+            size: "14"
+          })) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-672ec588"]]);
+export {
+  index as i
+};