tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/states/SeatStore.js

@@ -1,10 +1,10 @@
 import { computed, ref, watch } from "vue";
-import TUIRoomEngine, { TUIMediaDevice, TUIRoomEvents, TUILiveConnectionManagerEvents, TUIRequestAction } from "@tencentcloud/tuiroom-engine-js";
+import TUIRoomEngine, { TUIRoomEvents, TUILiveConnectionManagerEvents, TUIRequestAction, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { DeviceStatus } from "../types/device.js";
-import { LiveStatus } from "../types/live.js";
 import { useLiveState } from "./LiveState/index.js";
 import { useLoginState } from "./LoginState.js";
+import { LiveStatus } from "../types/live.js";
+import { DeviceStatus } from "../types/device.js";
 const { localLiveStatus, currentLive } = useLiveState();
 const { loginUserInfo } = useLoginState();
 const roomEngine = useRoomEngine();

package/dist/states/UIOpenControlState/UIOpenControlState.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+
+interface UIOpenControlState {
+    isChatSettingOpen: Ref<boolean>;
+    isChatSearchOpen: Ref<boolean>;
+}
+interface UIOpenControlAction {
+    toggleChatSetting: () => void;
+    setChatSettingOpen: (open: boolean) => void;
+    toggleChatSearch: () => void;
+    setChatSearchOpen: (open: boolean) => void;
+}
+declare function useUIOpenControlState(): UIOpenControlState & UIOpenControlAction;
+export { useUIOpenControlState, };
+export type { UIOpenControlState };

package/dist/states/UIOpenControlState/UIOpenControlState.js

@@ -0,0 +1,28 @@
+import { ref } from "vue";
+const isChatSettingOpen = ref(false);
+const isChatSearchOpen = ref(false);
+const toggleChatSetting = () => {
+  isChatSettingOpen.value = !isChatSettingOpen.value;
+};
+const setChatSettingOpen = (open) => {
+  isChatSettingOpen.value = open;
+};
+const toggleChatSearch = () => {
+  isChatSearchOpen.value = !isChatSearchOpen.value;
+};
+const setChatSearchOpen = (open) => {
+  isChatSearchOpen.value = open;
+};
+function useUIOpenControlState() {
+  return {
+    isChatSettingOpen,
+    isChatSearchOpen,
+    toggleChatSetting,
+    setChatSettingOpen,
+    toggleChatSearch,
+    setChatSearchOpen
+  };
+}
+export {
+  useUIOpenControlState
+};

package/dist/states/UIOpenControlState/index.d.ts

@@ -0,0 +1 @@
+export { useUIOpenControlState } from './UIOpenControlState';

package/dist/states/UIOpenControlState/index.js

@@ -0,0 +1,4 @@
+import { useUIOpenControlState } from "./UIOpenControlState.js";
+export {
+  useUIOpenControlState
+};

package/dist/states/UserState/index.js

@@ -1,9 +1,9 @@
 import useUserStore, { innerUserStore } from "./store.js";
 import UserManager from "./userManager.js";
 import { watch } from "vue";
-import { LocalRoomStatus } from "../../types/room.js";
 import { useRoomState } from "../RoomState.js";
 import { useLoginState } from "../LoginState.js";
+import { LocalRoomStatus } from "../../types/room.js";
 const store = useUserStore();
 const manager = new UserManager();
 const { loginUserInfo } = useLoginState();

package/dist/states/UserState/store.js

@@ -1,9 +1,9 @@
-import { DeviceStatus } from "../../types/device.js";
-import { SeatStatus, UserRoomStatus, ConnectionStatus, StreamPlayStatus } from "../../types/user.js";
 import { ref, computed, reactive } from "vue";
 import { TUINetworkQuality, TUIRole } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomState } from "../RoomState.js";
 import { useLoginState } from "../LoginState.js";
+import { SeatStatus, UserRoomStatus, ConnectionStatus, StreamPlayStatus } from "../../types/user.js";
+import { DeviceStatus } from "../../types/device.js";
 const { loginUserInfo } = useLoginState();
 const { currentRoom } = useRoomState();
 const userInfoMap = ref(/* @__PURE__ */ new Map());

package/dist/states/UserState/userEventManager.js

@@ -1,11 +1,11 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import TUIRoomEngine, { TUIVideoStreamType, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
+import TUIRoomEngine, { TUIRoomEvents, TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine } from "../../hooks/useRoomEngine.js";
 import { innerUserStore } from "./store.js";
-import { DeviceStatus } from "../../types/device.js";
 import { SeatStatus, UserRoomStatus } from "../../types/user.js";
+import { DeviceStatus } from "../../types/device.js";
 const roomEngine = useRoomEngine();
 const _UserEventManager = class _UserEventManager {
   constructor() {

package/dist/states/UserState/userManager.js

@@ -2,12 +2,12 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import TUIRoomEngine, { TUIRole, TUIMediaDevice, TUIRequestAction, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceType, DeviceStatus } from "../../types/device.js";
-import { SeatStatus, RequestType } from "../../types/user.js";
 import { useRoomEngine } from "../../hooks/useRoomEngine.js";
 import { innerUserStore } from "./store.js";
 import UserEventManager from "./userEventManager.js";
 import { useRoomState } from "../RoomState.js";
+import { SeatStatus, RequestType } from "../../types/user.js";
+import { DeviceStatus, DeviceType } from "../../types/device.js";
 const { currentRoom } = useRoomState();
 const roomEngine = useRoomEngine();
 const sentRequestMap = /* @__PURE__ */ new Map();

package/dist/states/VideoMixerState.js

@@ -1,10 +1,10 @@
 import { computed, ref, watch } from "vue";
-import TUIRoomEngine, { TRTCVideoResolutionMode, TRTCVideoResolution, TUIRoomDeviceMangerEvents, TRTCMediaMixingEvent, TUIMediaDeviceType, TUIMediaDeviceState, TRTCMediaSourceType, TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType } from "@tencentcloud/tuiroom-engine-js";
+import TUIRoomEngine, { TRTCVideoResolutionMode, TRTCVideoResolution, TUIRoomDeviceMangerEvents, TRTCMediaMixingEvent, TUIMediaDeviceType, TUIMediaDeviceState, TRTCMediaSourceType, TRTCVideoRotation, TRTCVideoMirrorType, TRTCVideoFillMode } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { TUIVideoQuality } from "../types/types.js";
-import { LiveOrientation } from "../types/live.js";
 import { useLiveState } from "./LiveState/index.js";
 import { objectMerge } from "../utils/utils.js";
+import { LiveOrientation } from "../types/live.js";
+import { TUIVideoQuality, TUIVideoStreamType } from "../types/types.js";
 const roomEngine = useRoomEngine();
 const { currentLive } = useLiveState();
 const currentLiveOrientation = computed(() => {
@@ -115,8 +115,18 @@ function changeActiveMediaSource(source) {
 }
 watch(
   () => publishParams.value,
-  () => {
-    mediaSourceManager && mediaSourceManager.updatePublishParams(publishParams.value);
+  async () => {
+    var _a;
+    await mediaSourceManager && mediaSourceManager.updatePublishParams(publishParams.value);
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQualityEx({
+      streamType: TUIVideoStreamType.kCameraStream,
+      encoderParams: {
+        videoResolution: publishParams.value.videoEncoderParams.videoResolution,
+        fps: publishParams.value.videoEncoderParams.videoFps,
+        bitrate: publishParams.value.videoEncoderParams.videoBitrate,
+        resolutionMode: publishParams.value.videoEncoderParams.resMode
+      }
+    }));
   },
   { immediate: true }
 );