tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

package/dist/components/Search/index.js

@@ -0,0 +1,28 @@
+import { addI18n } from "../../i18n/index.js";
+import { enResource } from "./i18n/en-US/index.js";
+import { zhResource } from "./i18n/zh-CN/index.js";
+import SearchComponent from "./Search.js";
+import SearchAdvancedComponent from "./SearchAdvanced/SearchAdvanced.js";
+import SearchBarComponent from "./SearchBar/SearchBar.js";
+import SearchResultsComponent from "./SearchResults/SearchResults.js";
+import UserAdvancedComponent from "./SearchAdvanced/UserAdvanced/UserAdvanced.js";
+import MessageAdvancedComponent from "./SearchAdvanced/MessageAdvanced/MessageAdvanced.js";
+import SearchResultItemComponent from "./SearchResults/SearchResultsItem/SearchResultsItem.js";
+const Search = SearchComponent;
+const SearchAdvanced = SearchAdvancedComponent;
+const SearchResults = SearchResultsComponent;
+const SearchBar = SearchBarComponent;
+const UserAdvanced = UserAdvancedComponent;
+const MessageAdvanced = MessageAdvancedComponent;
+const SearchResultItem = SearchResultItemComponent;
+addI18n("en-US", { translation: enResource });
+addI18n("zh-CN", { translation: zhResource });
+export {
+  MessageAdvanced,
+  Search,
+  SearchAdvanced,
+  SearchBar,
+  SearchResultItem,
+  SearchResults,
+  UserAdvanced
+};

package/dist/components/StreamMixer/LocalMixer/MixerControl.js

@@ -1,12 +1,12 @@
 import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, withModifiers, normalizeStyle, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { TRTCVideoMirrorType, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { useVideoMixerState } from "../../../states/VideoMixerState.js";
 import CameraMirror from "../icons/CameraMirror.js";
 import Delete from "../icons/Delete.js";
+import Down from "../icons/Down.js";
 import Rotation from "../icons/Rotation.js";
 import Up from "../icons/Up.js";
-import Down from "../icons/Down.js";
-import { useVideoMixerState } from "../../../states/VideoMixerState.js";
-import { TRTCVideoMirrorType, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "mixer-control-item-icon" };
@@ -19,11 +19,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleMouseDown(event) {
       event.stopPropagation();
     }
-    const orderMediaSourceList = computed(() => {
-      return [...mediaSourceList.value].sort((a, b) => a.layout.zOrder - b.layout.zOrder);
+    const orderMediaSourceList = computed(() => [...mediaSourceList.value].sort((a, b) => a.layout.zOrder - b.layout.zOrder));
+    const isActiveMediaSourceTop = computed(() => {
+      var _a, _b;
+      return ((_a = activeMediaSource.value) == null ? void 0 : _a.id) === ((_b = orderMediaSourceList.value[0]) == null ? void 0 : _b.id);
+    });
+    const isActiveMediaSourceBottom = computed(() => {
+      var _a, _b;
+      return ((_a = activeMediaSource.value) == null ? void 0 : _a.id) === ((_b = orderMediaSourceList.value[orderMediaSourceList.value.length - 1]) == null ? void 0 : _b.id);
     });
-    const isActiveMediaSourceTop = computed(() => activeMediaSource.value.id === orderMediaSourceList.value[0].id);
-    const isActiveMediaSourceBottom = computed(() => activeMediaSource.value.id === orderMediaSourceList.value[orderMediaSourceList.value.length - 1].id);
     const controlList = computed(() => [
       {
         name: "mirror",
@@ -109,8 +113,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(controlList.value, (control) => {
           return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["mixer-control-item", { "disable": control.disable }]),
             key: control.name,
+            class: normalizeClass(["mixer-control-item", { "disable": control.disable }]),
             style: normalizeStyle(control.style),
             onClick: withModifiers(control.onClick, ["stop"])
           }, [
@@ -126,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MixerControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2286717"]]);
+const MixerControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c6a65c2"]]);
 export {
   MixerControl as default
 };

package/dist/components/StreamMixer/LocalMixer/index.js

@@ -1,22 +1,25 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, normalizeStyle, toDisplayString } from "vue";
+import TUIRoomEngine, { TUIVideoQuality, TRTCVideoResolutionMode, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
-import { useVideoMixerState } from "../../../states/VideoMixerState.js";
-import TUIRoomEngine, { TRTCVideoResolutionMode, TRTCVideoRotation, TUIVideoQuality } from "@tencentcloud/tuiroom-engine-js";
 import { useLiveState } from "../../../states/LiveState/index.js";
-import { LiveOrientation, LiveStatus } from "../../../types/live.js";
+import { useVideoMixerState } from "../../../states/VideoMixerState.js";
+import { debounce } from "../../../utils/utils.js";
 import MixerControl from "./MixerControl.js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { LiveOrientation, LiveStatus } from "../../../types/live.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   key: 1,
   class: "local-mixer-placeholder"
 };
 const _hoisted_2 = { class: "placeholder-text" };
+const CONTROL_MARGIN_WITH_MEDIA_SOURCE = 6;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const { t } = useUIKit();
     const { currentLive } = useLiveState();
+    const mixControlRef = ref(null);
     const { publishVideoQuality, activeMediaSource, enableLocalVideoMixer, mediaSourceList } = useVideoMixerState();
     enableLocalVideoMixer();
     const currentLiveOrientation = computed(() => {
@@ -42,16 +45,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return { width, height };
     }
-    const mixControlContainerStyle = ref({
-      top: "0px",
-      left: "0px",
-      width: "0px",
-      height: "0px"
-    });
     const mixControlStyle = ref({
-      top: "-6px",
-      transform: "translate(-50%, -100%)"
+      position: "absolute",
+      transform: "translate(0px, 0px)"
     });
+    let mixControlWidth;
+    let mixControlHeight;
     function getMixControlStyle() {
       if (!localMixerRef.value || !activeMediaSource.value) {
         return;
@@ -60,48 +59,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         publishVideoQuality.value,
         currentLiveOrientation.value === LiveOrientation.Landscape ? TRTCVideoResolutionMode.TRTCVideoResolutionModeLandscape : TRTCVideoResolutionMode.TRTCVideoResolutionModePortrait
       );
-      const { width: realWidth, height: realHeight } = localMixerRef.value.getBoundingClientRect();
-      const scale = Math.max(realWidth / canvasWidth, realHeight / canvasHeight);
+      const { width: viewportWidth, height: viewportHeight } = localMixerRef.value.getBoundingClientRect();
+      const scale = Math.max(viewportWidth / canvasWidth, viewportHeight / canvasHeight);
       const previewWidth = canvasWidth * scale;
       const previewHeight = canvasHeight * scale;
       const { top, left, right, bottom } = activeMediaSource.value.layout.rect;
       const mediaSourceWidth = right - left;
       const mediaSourceHeight = bottom - top;
       const rotation = activeMediaSource.value.layout.rotation || TRTCVideoRotation.TRTCVideoRotation0;
+      const mediaSourceTop = top * scale - (previewHeight - viewportHeight) / 2;
+      const mediaSourceLeft = left * scale - (previewWidth - viewportWidth) / 2;
+      let mediaSourceDisplayWidth;
+      let mediaSourceDisplayHeight;
       if (rotation === TRTCVideoRotation.TRTCVideoRotation0 || rotation === TRTCVideoRotation.TRTCVideoRotation180) {
-        mixControlContainerStyle.value = {
-          top: `${top * scale - (previewHeight - realHeight) / 2}px`,
-          left: `${left * scale - (previewWidth - realWidth) / 2}px`,
-          width: `${mediaSourceWidth * scale}px`,
-          height: `${mediaSourceHeight * scale}px`
-        };
+        mediaSourceDisplayWidth = mediaSourceWidth * scale;
+        mediaSourceDisplayHeight = mediaSourceHeight * scale;
       } else {
-        mixControlContainerStyle.value = {
-          top: `${top * scale - (previewHeight - realHeight) / 2}px`,
-          left: `${left * scale - (previewWidth - realWidth) / 2}px`,
-          width: `${mediaSourceHeight * scale}px`,
-          height: `${mediaSourceWidth * scale}px`
-        };
+        mediaSourceDisplayWidth = mediaSourceHeight * scale;
+        mediaSourceDisplayHeight = mediaSourceWidth * scale;
       }
-      if (top < 60) {
-        mixControlStyle.value = {
-          bottom: "-6px",
-          transform: "translate(-50%, 100%)"
-        };
+      const controlPosition = calculateOptimalControlPosition(
+        mediaSourceLeft,
+        mediaSourceTop,
+        mediaSourceDisplayWidth,
+        mediaSourceDisplayHeight,
+        viewportWidth,
+        viewportHeight
+      );
+      mixControlStyle.value = {
+        ...controlPosition,
+        position: "absolute"
+      };
+    }
+    function calculateOptimalControlPosition(mediaSourceLeft, mediaSourceTop, mediaSourceWidth, mediaSourceHeight, viewportWidth, viewportHeight) {
+      const mediaSourceBottom = mediaSourceTop + mediaSourceHeight;
+      const mediaSourceCenterX = mediaSourceLeft + mediaSourceWidth / 2;
+      let controlLeft = mediaSourceCenterX - mixControlWidth / 2;
+      let controlTop = mediaSourceTop - CONTROL_MARGIN_WITH_MEDIA_SOURCE - mixControlHeight;
+      if (controlLeft < 0) {
+        controlLeft = 0;
+      } else if (controlLeft + mixControlWidth > viewportWidth) {
+        controlLeft = viewportWidth - mixControlWidth;
+      }
+      const topSpaceAvailable = mediaSourceTop;
+      const bottomSpaceAvailable = viewportHeight - mediaSourceBottom;
+      if (controlTop >= 0 && topSpaceAvailable >= mixControlHeight + CONTROL_MARGIN_WITH_MEDIA_SOURCE) {
+        controlTop = Math.min(controlTop, viewportHeight - mixControlHeight);
+      } else if (bottomSpaceAvailable >= mixControlHeight + CONTROL_MARGIN_WITH_MEDIA_SOURCE) {
+        controlTop = Math.max(0, mediaSourceBottom + CONTROL_MARGIN_WITH_MEDIA_SOURCE);
       } else {
-        mixControlStyle.value = {
-          top: "-6px",
-          transform: "translate(-50%, -100%)"
-        };
+        controlTop = Math.max(0, mediaSourceTop - mixControlHeight - CONTROL_MARGIN_WITH_MEDIA_SOURCE);
       }
+      return {
+        transform: `translate(${controlLeft}px, ${controlTop}px)`
+      };
     }
+    const debouncedGetMixControlStyle = debounce(getMixControlStyle, 16);
+    watch(() => activeMediaSource.value, async (newVal, oldVal) => {
+      var _a;
+      if (!oldVal && newVal) {
+        await nextTick();
+        const mixControlElement = (_a = mixControlRef.value) == null ? void 0 : _a.$el;
+        const { width, height } = (mixControlElement == null ? void 0 : mixControlElement.getBoundingClientRect()) || { width: 0, height: 0 };
+        mixControlWidth = width;
+        mixControlHeight = height;
+      }
+      getMixControlStyle();
+    }, { immediate: true, deep: true });
     watch(
-      () => {
-        var _a;
-        return [publishVideoQuality.value, currentLiveOrientation.value, (_a = activeMediaSource.value) == null ? void 0 : _a.layout];
-      },
-      ([newVideoQuality, newOrientation, newLayout]) => {
-        if (!newVideoQuality || !newOrientation || !newLayout) {
+      () => [publishVideoQuality.value, currentLiveOrientation.value],
+      ([newVideoQuality, newOrientation]) => {
+        if (!newVideoQuality || !newOrientation) {
           return;
         }
         getMixControlStyle();
@@ -109,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     const re = new ResizeObserver(() => {
-      getMixControlStyle();
+      debouncedGetMixControlStyle();
     });
     onMounted(() => {
       re.observe(localMixerRef.value);
@@ -132,24 +160,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "local-mixer-container",
         ref_key: "localMixerRef",
-        ref: localMixerRef
+        ref: localMixerRef,
+        class: "local-mixer-container"
       }, [
         _cache[0] || (_cache[0] = createElementVNode("div", {
-          class: "local-mixer-content",
-          id: "local-video-mixer"
+          id: "local-video-mixer",
+          class: "local-mixer-content"
         }, null, -1)),
-        unref(activeMediaSource) ? (openBlock(), createElementBlock("div", {
+        unref(activeMediaSource) ? (openBlock(), createBlock(MixerControl, {
           key: 0,
-          class: "mixer-control-container",
-          style: normalizeStyle(mixControlContainerStyle.value)
-        }, [
-          createVNode(MixerControl, {
-            class: "mixer-control",
-            style: normalizeStyle(mixControlStyle.value)
-          }, null, 8, ["style"])
-        ], 4)) : createCommentVNode("", true),
+          ref_key: "mixControlRef",
+          ref: mixControlRef,
+          class: "mixer-control",
+          style: normalizeStyle(mixControlStyle.value)
+        }, null, 8, ["style"])) : createCommentVNode("", true),
         unref(mediaSourceList).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("No video")), 1)
         ])) : createCommentVNode("", true)
@@ -157,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LocalMixer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d5530943"]]);
+const LocalMixer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efcb7caf"]]);
 export {
   LocalMixer as default
 };

package/dist/components/StreamMixer/icons/CameraMirror.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M7.5 1H8.5V15H7.5V1Z",
       fill: "black",
@@ -28,7 +28,7 @@ function _sfc_render(_ctx, _cache) {
       "fill-opacity": "0.9",
       style: { "fill": "black", "fill-opacity": "0.9" }
     }, null, -1)
-  ]));
+  ])]);
 }
 const CameraMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/StreamMixer/icons/Delete.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M6 12V6H7V12H6Z",
       "fill-opacity": "0.9",
@@ -25,7 +25,7 @@ function _sfc_render(_ctx, _cache) {
       "fill-opacity": "0.9",
       style: { "fill": "currentColor", "fill-opacity": "0.9" }
     }, null, -1)
-  ]));
+  ])]);
 }
 const Delete = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/StreamMixer/icons/Down.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M9.00342 12.8867V2.1575",
       stroke: "currentcolor",
@@ -31,7 +31,7 @@ function _sfc_render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1)
-  ]));
+  ])]);
 }
 const Down = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/StreamMixer/icons/Rotation.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M8.00016 2.71134C10.8965 2.71134 13.2534 5.0736 13.2534 7.99868H14.2148C14.2148 4.54763 11.4324 1.75 8.00016 1.75C5.76382 1.75 3.80336 2.93771 2.7087 4.72001L2.7087 2.64252H1.75V5.74894C1.75 6.02508 1.97386 6.24894 2.25 6.24894L5.33676 6.24894V5.28498L3.49045 5.28498C4.40906 3.74211 6.08692 2.71134 8.00016 2.71134Z",
       fill: "black",
@@ -22,7 +22,7 @@ function _sfc_render(_ctx, _cache) {
       "fill-opacity": "0.9",
       style: { "fill": "black", "fill-opacity": "0.9" }
     }, null, -1)
-  ]));
+  ])]);
 }
 const Rotation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/StreamMixer/icons/Up.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M9.00342 5.11328V15.8425",
       stroke: "currentcolor",
@@ -31,7 +31,7 @@ function _sfc_render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1)
-  ]));
+  ])]);
 }
 const Up = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/StreamMixer/index.js

@@ -1,14 +1,14 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, normalizeStyle } from "vue";
+import { LiveCoreView as LiveCoreViewComponent } from "../LiveCoreView/index.js";
 import LocalMixer from "./LocalMixer/index.js";
-import { LiveStreamView } from "../LiveStreamView/index.js";
 import { addI18n } from "../../i18n/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
 import { resource } from "./i18n/en-US/index.js";
+import { resource as resource$1 } from "./i18n/zh-CN/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(LiveStreamView), { "ignore-local-video": true }, {
+      return openBlock(), createBlock(unref(LiveCoreViewComponent), { "ignore-local-video": true }, {
         localVideo: withCtx(({ style }) => [
           createVNode(LocalMixer, {
             style: normalizeStyle(style)

package/dist/components/StreamView/Layout/FloatLayout.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, createVNode, unref, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceStatus } from "../../../types/device.js";
-import { SeatStatus } from "../../../types/user.js";
-import { LiveStatus } from "../../../types/live.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { useLiveState } from "../../../states/LiveState/index.js";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
+import { DeviceStatus } from "../../../types/device.js";
+import { LiveStatus } from "../../../types/live.js";
+import { SeatStatus } from "../../../types/user.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "main-view" };
 const encodeWidth = 1920;
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     var _a, _b;
-    const { userList, localUser, userListWithVideo } = useUserState();
+    const { localUser, userListWithVideo } = useUserState();
     const { currentLive, localLiveStatus } = useLiveState();
     const roomEngine = useRoomEngine();
     const props = __props;

package/dist/components/StreamView/Layout/GridLayout.js

@@ -1,7 +1,6 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, unref, withCtx, renderSlot, mergeProps } from "vue";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import { getContentSize } from "../../../utils/domOperation.js";
-import { LocalRoomStatus } from "../../../types/room.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
 import { safelyParse } from "../../../utils/utils.js";
@@ -9,6 +8,7 @@ import { useRoomState } from "../../../states/RoomState.js";
 import { useDeviceState } from "../../../states/DeviceState.js";
 import { useLoginState } from "../../../states/LoginState.js";
 import { getNewUserInfo } from "../../../states/UserState/store.js";
+import { LocalRoomStatus } from "../../../types/room.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const aspectRatio = "16:9";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/StreamView/Layout/MeetingLayout.js

@@ -3,10 +3,10 @@ import ArrowStroke from "../common/ArrowStroke.js";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import StreamList from "../common/StreamList/index.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceStatus } from "../../../types/device.js";
-import { StreamPlayQuality, StreamPlayMode } from "../../../types/stream.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { useRoomState } from "../../../states/RoomState.js";
+import { StreamPlayQuality, StreamPlayMode } from "../../../types/stream.js";
+import { DeviceStatus } from "../../../types/device.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MeetingLayout",

package/dist/components/StreamView/common/StreamCover/index.js

@@ -59,9 +59,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_5, [
           createElementVNode("span", {
             class: normalizeClass(["audio-status", { "audio-on": isAudioAvailable.value, "audio-off": !isAudioAvailable.value }])
-          }, _cache[0] || (_cache[0] = [
+          }, [..._cache[0] || (_cache[0] = [
             createElementVNode("i", { class: "audio-icon" }, null, -1)
-          ]), 2),
+          ])], 2),
           createElementVNode("div", _hoisted_6, toDisplayString(displayName.value), 1)
         ])
       ]);

package/dist/components/StreamView/common/StreamPlay/index.js

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     streamPlayMode: { default: StreamPlayMode.PLAY }
   },
   setup(__props) {
-    const { localUser, getUserInfo } = useUserState();
+    const { localUser } = useUserState();
     const mediaManager = new MediaManager();
     const props = __props;
     const playRegionDomRef = ref();

package/dist/components/StreamView/manager/mediaManager.js

@@ -4,12 +4,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import TUIRoomEngine, { TUIVideoStreamType, TRTCVideoStreamType, TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { innerUserStore } from "../../../states/UserState/store.js";
-import { StreamPlayStatus } from "../../../types/user.js";
-import { LiveStatus } from "../../../types/live.js";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
 import { useLiveState } from "../../../states/LiveState/index.js";
 import { useVideoMixerState } from "../../../states/VideoMixerState.js";
 import { watch } from "vue";
+import { LiveStatus } from "../../../types/live.js";
+import { StreamPlayStatus } from "../../../types/user.js";
 const { localUser } = useUserState();
 const { isVideoMixerEnabled } = useVideoMixerState();
 const { localLiveStatus } = useLiveState();
@@ -61,7 +61,6 @@ class MediaManager {
     __publicField(this, "observerDataMap", /* @__PURE__ */ new Map());
     __publicField(this, "observerRoot", null);
     __publicField(this, "onUserVideoStateChanged", (eventInfo) => {
-      const { userId, streamType, hasVideo, reason } = eventInfo;
     });
     this.bindRoomEngineEvents();
   }
@@ -256,7 +255,6 @@ class MediaManager {
     }
   }
   onUserAudioStateChanged(eventInfo) {
-    const { userId, hasAudio, reason } = eventInfo;
   }
   dispose() {
     this.intersectionObserver = null;

package/dist/components/UserList/UserItem/UserAction/indexPC.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return props.userInfo.userId === ((_a = localUser.value) == null ? void 0 : _a.userId);
       }
     );
-    const { userActions, isTargetUserAnchor, isTargetUserAudience, isUserApplyingToAnchor, agreeOrDenyStageList, inviteStageList, onStageControlList } = useUserActions({
+    const { userActions } = useUserActions({
       userInfo: props.userInfo
     });
     watch(() => JSON.stringify(userActions.value), (newVal) => {

package/dist/components/UserList/UserItem/UserInfo/index.js

@@ -4,10 +4,10 @@ import Avatar from "../../../../baseComp/Avatar.js";
 import { IconScreenOpen, IconAudioOpen, IconAudioClose, IconVideoOpen, IconVideoClose, IconApplyActive, IconUser } from "@tencentcloud/uikit-base-component-vue3";
 import { useI18n } from "../../../../locales/index.js";
 import { isMobile } from "../../../../utils/environment.js";
-import { DeviceStatus } from "../../../../types/device.js";
-import { SeatStatus } from "../../../../types/user.js";
 import { useRoomState } from "../../../../states/RoomState.js";
 import { useUserState } from "../../../../states/UserState/index.js";
+import { SeatStatus } from "../../../../types/user.js";
+import { DeviceStatus } from "../../../../types/device.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "user-name" };
 const _hoisted_2 = { class: "role-info" };

package/dist/components/UserList/UserItem/indexPC.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, createVNode, withDirectives, unref, vShow } from "vue";
 import UserInfoComp from "./UserInfo/index.js";
 import UserActionPC from "./UserAction/indexPC.js";
-import { UserRoomStatus } from "../../../types/user.js";
 import { useUserActions } from "../../../hooks/useUserActions/index.js";
+import { UserRoomStatus } from "../../../types/user.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexPC",

package/dist/components/UserPicker/UserPicker.js

@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.enableSearch ? (openBlock(), createBlock(unref(SearchBar), {
           key: 0,
-          placeholder: _ctx.searchPlaceholder || unref(t)("TUIConversation.Search"),
+          placeholder: _ctx.searchPlaceholder || unref(t)("UserPicker.search"),
           "on-search": unref(searchManager).handleSearch
         }, null, 8, ["placeholder", "on-search"])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           unref(searchManager).isSearchEmpty.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style["empty-search"])
-          }, toDisplayString(unref(t)("TUIChat.No Result")), 3)) : !isTreeMode.value ? (openBlock(), createBlock(unref(ListMode), {
+          }, toDisplayString(unref(t)("UserPicker.no_result")), 3)) : !isTreeMode.value ? (openBlock(), createBlock(unref(ListMode), {
             key: 1,
             "data-source": unref(searchManager).filteredData.value,
             "selected-keys": unref(selectionManager).selectedKeys.value,

package/dist/components/UserPicker/components/ListMode/ListMode.js

@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return _ctx.dataSource.length === 0 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.list__empty)
-      }, toDisplayString(unref(t)("TUIChat.No Data Available")), 3)) : (openBlock(), createElementBlock("div", {
+      }, toDisplayString(unref(t)("UserPicker.no_data_available")), 3)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(_ctx.$style.list__container),
         onScroll: handleScroll

package/dist/components/UserPicker/components/ListMode/ListMode.vue.d.ts

@@ -1,7 +1,7 @@
 import { IUserPickerRow } from '../../type';
 
 interface ListModeProps<T = unknown> {
-    dataSource: Array<IUserPickerRow<T>>;
+    dataSource: IUserPickerRow<T>[];
     selectedKeys: Set<string>;
     lockedKeys: Set<string>;
     onItemClick: (key: string) => void;

package/dist/components/UserPicker/components/SelectedPanel/SelectedPanel.js

@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("span", {
             class: normalizeClass(_ctx.$style.selected__title)
-          }, toDisplayString(unref(t)("TUIChat.Selected")), 3),
+          }, toDisplayString(unref(t)("UserPicker.selected")), 3),
           createElementVNode("span", {
             class: normalizeClass(_ctx.$style.selected__count)
           }, [

package/dist/components/UserPicker/components/TreeMode/TreeNode.js

@@ -82,9 +82,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }
                 ])
               }, [
-                isHalfSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_2, _cache[2] || (_cache[2] = [
+                isHalfSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[2] || (_cache[2] = [
                   createElementVNode("path", { d: "M19 13H5v-2h14v2z" }, null, -1)
-                ]))) : isSelected.value ? (openBlock(), createBlock(unref(IconCheckSm), {
+                ])])) : isSelected.value ? (openBlock(), createBlock(unref(IconCheckSm), {
                   key: 1,
                   name: "check"
                 })) : createCommentVNode("", true)

package/dist/components/UserPicker/i18n/en-US.d.ts

@@ -0,0 +1,7 @@
+declare const UserPicker: {
+    search: string;
+    no_result: string;
+    no_data_available: string;
+    selected: string;
+};
+export default UserPicker;

package/dist/components/UserPicker/i18n/en-US.js

@@ -0,0 +1,9 @@
+const UserPicker = {
+  search: "Search",
+  no_result: "No result",
+  no_data_available: "No data available",
+  selected: "Selected"
+};
+export {
+  UserPicker as default
+};