tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/index.vue_vue_type_script_setup_true_lang-EcKm3pYY.js

@@ -1,36 +0,0 @@
-import { defineComponent, provide, reactive, createElementBlock, openBlock, createBlock, createCommentVNode, unref } from "vue";
-import AudioMediaControl from "./components/AudioSetting/AudioMediaControl.js";
-import AudioSettingTab from "./components/AudioSetting/AudioSettingTab.js";
-import { _ as _sfc_main$1 } from "./AudioRequestDialog.vue_vue_type_script_setup_true_lang-BmX-qsat.js";
-import { MediaSettingDisplayMode } from "./types/device.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    displayMode: {},
-    supportSwitchMicrophone: { type: Boolean, default: true },
-    supportSwitchSpeaker: { type: Boolean, default: true },
-    supportAudioLevel: { type: Boolean, default: true }
-  },
-  emits: ["click-icon"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    function handleAudioMediaClick() {
-      emits("click-icon");
-    }
-    const props = __props;
-    provide("audioSettingProps", reactive(props));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.displayMode === unref(MediaSettingDisplayMode).Icon || _ctx.displayMode === unref(MediaSettingDisplayMode).IconWithPanel ? (openBlock(), createBlock(AudioMediaControl, {
-          key: 0,
-          onClickIcon: handleAudioMediaClick
-        })) : createCommentVNode("", true),
-        _ctx.displayMode === unref(MediaSettingDisplayMode).Panel ? (openBlock(), createBlock(AudioSettingTab, { key: 1 })) : createCommentVNode("", true),
-        _ctx.displayMode !== unref(MediaSettingDisplayMode).Panel ? (openBlock(), createBlock(_sfc_main$1, { key: 2 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/states/CoHostState.d.ts

@@ -1,22 +0,0 @@
-import { CoHostStatus } from '../types/coHost';
-import { SeatUserInfo } from '../types';
-import { TUILiveConnectionUser } from '@tencentcloud/tuiroom-engine-js';
-
-export declare function useCoHostState(): {
-    localCoHostStatus: import('vue').ComputedRef<CoHostStatus>;
-    userListInCoHost: import('vue').ComputedRef<SeatUserInfo[]>;
-    receivedCoHostRequestList: import('vue').ComputedRef<TUILiveConnectionUser[]>;
-    sendCoHostUserList: import('vue').ComputedRef<SeatUserInfo[]>;
-    availableCoHostUserList: import('vue').ComputedRef<SeatUserInfo[]>;
-    sendCoHostRequest: (options: {
-        userList: Array<SeatUserInfo>;
-        timeout: number;
-        extensionInfo: string;
-    }) => Promise<void>;
-    cancelCoHostRequest: (options: {
-        userList: Array<SeatUserInfo>;
-    }) => Promise<void>;
-    acceptCoHostRequest: (user: TUILiveConnectionUser) => Promise<void>;
-    rejectCoHostRequest: (user: TUILiveConnectionUser) => Promise<void>;
-    exitCoHost: () => Promise<void | undefined>;
-};

package/dist/states/CoHostState.js

@@ -1,178 +0,0 @@
-import { ref, computed } from "vue";
-import TUIRoomEngine, { TUILiveConnectionManagerEvents } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { CoHostStatus } from "../types/coHost.js";
-import { useLiveState } from "./LiveState/index.js";
-import { useLoginState } from "./LoginState.js";
-import { useSeatStore } from "./SeatStore.js";
-import { DeviceStatus } from "../types/device.js";
-const roomEngine = useRoomEngine();
-const { loginUserInfo } = useLoginState();
-const { liveList } = useLiveState();
-const { coHostUserList } = useSeatStore();
-const sendCoHostUserListCache = ref([]);
-const receivedCoHostUserListCache = ref([]);
-const localCoHostStatus = computed(() => {
-  if (coHostUserList.value.find((seat) => {
-    var _a, _b;
-    return ((_a = seat.userInfo) == null ? void 0 : _a.userId) === ((_b = loginUserInfo.value) == null ? void 0 : _b.userId);
-  })) {
-    return CoHostStatus.Connected;
-  }
-  if (receivedCoHostUserListCache.value.find((user) => {
-    var _a;
-    return user.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  })) {
-    return CoHostStatus.Invited;
-  }
-  if (sendCoHostUserListCache.value.find((user) => {
-    var _a;
-    return user.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  })) {
-    return CoHostStatus.Requesting;
-  }
-  return CoHostStatus.Disconnected;
-});
-const userListInCoHost = computed(() => coHostUserList.value.map((seat) => seat.userInfo));
-const receivedCoHostRequestList = computed(() => receivedCoHostUserListCache.value.map((user) => ({
-  avatarUrl: user.avatarUrl,
-  joinConnectionTime: user.joinConnectionTime,
-  roomId: user.roomId,
-  userId: user.userId,
-  userName: user.userName
-})));
-const sendCoHostUserList = computed(() => sendCoHostUserListCache.value.map((user) => ({
-  roomId: user.roomId,
-  userId: user.userId,
-  userName: user.userName,
-  avatarUrl: user.avatarUrl,
-  microphoneStatus: DeviceStatus.Off,
-  cameraStatus: DeviceStatus.Off,
-  onSeatTimestamp: 0,
-  networkQuality: void 0,
-  customInfo: {}
-})));
-const availableCoHostUserList = computed(() => liveList.value.filter((live) => {
-  var _a;
-  const isLocalUser = live.liveOwner.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  const isInSeat = coHostUserList.value.some((seat) => {
-    var _a2;
-    return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === live.liveOwner.userId;
-  });
-  const isInSendUserList = sendCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
-  const isInReceivedUserList = receivedCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
-  return !isLocalUser && !isInSeat && !isInSendUserList && !isInReceivedUserList;
-}).map((live) => ({
-  roomId: live.liveId,
-  userId: live.liveOwner.userId,
-  userName: live.liveOwner.userName,
-  avatarUrl: live.liveOwner.avatarUrl,
-  microphoneStatus: DeviceStatus.Off,
-  cameraStatus: DeviceStatus.Off,
-  onSeatTimestamp: 0,
-  networkQuality: void 0,
-  customInfo: {}
-})));
-const sendCoHostRequest = async (options) => {
-  var _a, _b;
-  const { userList, timeout, extensionInfo } = options;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.requestConnection(
-    {
-      roomIdList: userList.map((user) => user.roomId),
-      timeout,
-      extensionInfo
-    }
-  ));
-  sendCoHostUserListCache.value = userList.map((user) => ({
-    avatarUrl: user.avatarUrl,
-    joinConnectionTime: user.onSeatTimestamp,
-    roomId: user.roomId,
-    userId: user.userId,
-    userName: user.userName
-  }));
-};
-const cancelCoHostRequest = async (options) => {
-  var _a, _b;
-  const { userList } = options;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.cancelConnectionRequest({ roomIdList: userList.map((user) => user.roomId) }));
-  sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(
-    (user) => !userList.find((u) => u.userId === user.userId && u.roomId === user.roomId)
-  );
-};
-const acceptCoHostRequest = async (user) => {
-  var _a, _b;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.acceptConnection({ roomId: user.roomId }));
-  receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
-    (u) => u.userId !== user.userId && u.roomId !== user.roomId
-  );
-};
-const rejectCoHostRequest = async (user) => {
-  var _a, _b;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.rejectConnection({ roomId: user.roomId }));
-  receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
-    (u) => u.userId !== user.userId && u.roomId !== user.roomId
-  );
-};
-const exitCoHost = async () => {
-  var _a, _b;
-  return (_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.disconnect();
-};
-const onConnectionRequestAccept = (invitee) => {
-  sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(
-    (user) => user.userId !== invitee.userId && user.roomId !== invitee.roomId
-  );
-};
-const onConnectionRequestReject = (invitee) => {
-  sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(
-    (user) => user.userId !== invitee.userId && user.roomId !== invitee.roomId
-  );
-};
-const onConnectionRequestTimeout = (invitee, inviter) => {
-  receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
-    (user) => user.userId !== invitee.userId && user.roomId !== invitee.roomId
-  );
-  sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(
-    (user) => user.userId !== inviter.userId && user.roomId !== inviter.roomId
-  );
-};
-const onConnectionRequestCancelled = (invitee) => {
-  receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
-    (user) => user.userId !== invitee.userId && user.roomId !== invitee.roomId
-  );
-};
-const onConnectionRequestReceived = (inviter) => {
-  receivedCoHostUserListCache.value.push(inviter);
-};
-const eventMap = [
-  { event: TUILiveConnectionManagerEvents.onConnectionRequestAccept, handler: onConnectionRequestAccept },
-  { event: TUILiveConnectionManagerEvents.onConnectionRequestCancelled, handler: onConnectionRequestCancelled },
-  { event: TUILiveConnectionManagerEvents.onConnectionRequestReceived, handler: onConnectionRequestReceived },
-  { event: TUILiveConnectionManagerEvents.onConnectionRequestReject, handler: onConnectionRequestReject },
-  { event: TUILiveConnectionManagerEvents.onConnectionRequestTimeout, handler: onConnectionRequestTimeout }
-];
-const bindEvent = () => {
-  eventMap.forEach(({ event, handler }) => {
-    var _a, _b;
-    (_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.on(event, handler);
-  });
-};
-TUIRoomEngine.once("ready", () => {
-  bindEvent();
-});
-function useCoHostState() {
-  return {
-    localCoHostStatus,
-    userListInCoHost,
-    receivedCoHostRequestList,
-    sendCoHostUserList,
-    availableCoHostUserList,
-    sendCoHostRequest,
-    cancelCoHostRequest,
-    acceptCoHostRequest,
-    rejectCoHostRequest,
-    exitCoHost
-  };
-}
-export {
-  useCoHostState
-};

package/dist/useId-CsgLY8y3.js

@@ -1,13 +0,0 @@
-import { i as injectConfigProviderContext } from "./Teleport-CMvGsENT.js";
-import * as vue from "vue";
-let count = 0;
-function useId(deterministicId, prefix = "reka") {
-  var _a;
-  if ("useId" in vue) return `${prefix}-${(_a = vue.useId) == null ? void 0 : _a.call(vue)}`;
-  const configProviderContext = injectConfigProviderContext({ useId: void 0 });
-  if (configProviderContext.useId) return `${prefix}-${configProviderContext.useId()}`;
-  return `${prefix}-${++count}`;
-}
-export {
-  useId as u
-};

package/dist/utils-KP1QpeUS.js

@@ -1,59 +0,0 @@
-import { g as getActiveElement } from "./Teleport-CMvGsENT.js";
-const ITEM_SELECT = "menu.itemSelect";
-const SELECTION_KEYS = ["Enter", " "];
-const FIRST_KEYS = [
-  "ArrowDown",
-  "PageUp",
-  "Home"
-];
-const LAST_KEYS = [
-  "ArrowUp",
-  "PageDown",
-  "End"
-];
-const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-function getOpenState(open) {
-  return open ? "open" : "closed";
-}
-function focusFirst(candidates) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus();
-    if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
-}
-function isPointInPolygon(point, polygon) {
-  const { x, y } = point;
-  let inside = false;
-  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-    const xi = polygon[i].x;
-    const yi = polygon[i].y;
-    const xj = polygon[j].x;
-    const yj = polygon[j].y;
-    const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
-    if (intersect) inside = !inside;
-  }
-  return inside;
-}
-function isPointerInGraceArea(event, area) {
-  if (!area) return false;
-  const cursorPos = {
-    x: event.clientX,
-    y: event.clientY
-  };
-  return isPointInPolygon(cursorPos, area);
-}
-function isMouseEvent(event) {
-  return event.pointerType === "mouse";
-}
-export {
-  FIRST_LAST_KEYS as F,
-  ITEM_SELECT as I,
-  LAST_KEYS as L,
-  SELECTION_KEYS as S,
-  isMouseEvent as a,
-  focusFirst as f,
-  getOpenState as g,
-  isPointerInGraceArea as i
-};

package/src/components/MessageInput/EmojiPicker/EmojiPicker.module.scss

@@ -1,28 +0,0 @@
-.emoji-picker {
-
-  &__icon {
-    cursor: pointer;
-    display: flex !important;
-  }
-
-  &__list {
-    display: flex;
-    flex-flow: row wrap;
-    gap: 8px;
-    width: 310px;
-    border-radius: 16px;
-    padding: 16px;
-    margin-bottom: 10px;
-    background-color: var(--dropdown-color-default);
-    box-shadow: 0 0 10px 0 var(--shadow-color);
-
-    &-item {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 20px;
-      height: 20px;
-      cursor: pointer;
-    }
-  }
-}