tuikit-atomicx-vue3 4.4.0 → 4.5.1

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

@@ -1,11 +1,11 @@
-import { defineComponent as V, computed as l, ref as x, watch as R, onMounted as E, onBeforeUnmount as H, createElementBlock as _, openBlock as L, createElementVNode as W, normalizeStyle as O, Fragment as J, renderList as D, createBlock as P, unref as j, withCtx as q, renderSlot as A, mergeProps as G } from "vue";
-import K from "../common/StreamRegion/StreamRegionPC.js";
-import { useUserState as Q } from "../../../states/UserState/index.js";
-import { TUIVideoStreamType as Z } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomState as ee } from "../../../states/RoomState.js";
-import { useLoginState as te } from "../../../states/LoginState.js";
-import { useLiveListState as re } from "../../../states/LiveListState/LiveListState.js";
-import { _ as ae } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as V, computed as u, ref as x, watch as R, onMounted as E, onBeforeUnmount as H, createElementBlock as _, openBlock as L, createElementVNode as W, normalizeStyle as O, Fragment as J, renderList as D, createBlock as P, unref as j, withCtx as q, renderSlot as A, mergeProps as G } from "vue";
+import { TUIVideoStreamType as K } from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState as Q } from "../../../states/LoginState.js";
+import { useRoomState as Z } from "../../../states/RoomState/index.js";
+import { useUserState as ee } from "../../../states/UserState/index.js";
+import te from "../common/StreamRegion/StreamRegionPC.js";
+import { useLiveListState as ae } from "../../../states/LiveListState/LiveListState.js";
+import { _ as re } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const oe = /* @__PURE__ */ V({
   __name: "CustomLayout",
   props: {
@@ -17,7 +17,7 @@ const oe = /* @__PURE__ */ V({
   },
   emits: ["stream-view-dblclick"],
   setup(z, { emit: M }) {
-    const { userList: m, localUser: N, userListOnSeat: p } = Q(), { currentRoom: b } = ee(), { currentLive: v } = re(), { loginUserInfo: T } = te(), F = M, d = z, g = l(() => {
+    const { userList: m, localUser: N, userListOnSeat: p } = ee(), { currentRoom: b } = Z(), { currentLive: v } = ae(), { loginUserInfo: T } = Q(), F = M, d = z, g = u(() => {
       var t, e;
       if (b.value)
         return (t = b.value) != null && t.isSeatEnabled ? p.value : m.value;
@@ -32,66 +32,66 @@ const oe = /* @__PURE__ */ V({
         return [];
       }
       return m.value;
-    }), X = l(() => {
+    }), X = u(() => {
       var t;
       return !g.value || g.value.length === 0 ? [] : (t = g.value) == null ? void 0 : t.filter(d.filterFn).sort(d.sortFn).map((e) => ({
         userInfo: e,
-        streamType: Z.kCameraStream
+        streamType: K.kCameraStream
       }));
-    }), s = x(), Y = x(), h = l(() => "16:9"), a = x({
+    }), s = x(), Y = x(), h = u(() => "16:9"), r = x({
       width: 0,
       height: 0,
       transformX: 0,
       transformY: 0,
       scale: 1
-    }), i = l(() => ({
-      width: `${a.value.width * a.value.scale}px`,
-      height: `${a.value.height * a.value.scale}px`,
-      transform: `translate(${a.value.transformX * a.value.scale}px, ${a.value.transformY * a.value.scale}px)`
-    })), f = l(() => {
+    }), i = u(() => ({
+      width: `${r.value.width * r.value.scale}px`,
+      height: `${r.value.height * r.value.scale}px`,
+      transform: `translate(${r.value.transformX * r.value.scale}px, ${r.value.transformY * r.value.scale}px)`
+    })), f = u(() => {
       const { layoutList: t } = JSON.parse(d.config);
-      return t ? t.map((r) => r.width > 1 || r.height > 1 ? {
-        left: o(a.value.width) * (r.x / 720),
-        top: o(a.value.width) * (r.y / 720),
-        width: o(a.value.width) * (r.width / 720),
-        height: o(a.value.height) * (r.height / 1280),
-        zIndex: r.zOrder,
-        backgroundColor: r.backgroundColor
+      return t ? t.map((a) => a.width > 1 || a.height > 1 ? {
+        left: o(r.value.width) * (a.x / 720),
+        top: o(r.value.width) * (a.y / 720),
+        width: o(r.value.width) * (a.width / 720),
+        height: o(r.value.height) * (a.height / 1280),
+        zIndex: a.zOrder,
+        backgroundColor: a.backgroundColor
       } : {
-        left: o(a.value.width) * r.x,
-        top: o(a.value.width) * r.y,
-        width: o(a.value.width) * r.width,
-        height: r.height === -1 ? o(a.value.height) : o(a.value.width) * r.height,
-        zIndex: r.zOrder,
-        backgroundColor: r.backgroundColor
+        left: o(r.value.width) * a.x,
+        top: o(r.value.width) * a.y,
+        width: o(r.value.width) * a.width,
+        height: a.height === -1 ? o(r.value.height) : o(r.value.width) * a.height,
+        zIndex: a.zOrder,
+        backgroundColor: a.backgroundColor
       }) : [];
-    }), c = l(() => {
-      const t = Math.min(...f.value.map((n) => n.left)), e = Math.min(...f.value.map((n) => n.top)), r = Math.max(...f.value.map((n) => n.left + n.width)), u = Math.max(...f.value.map((n) => n.top + n.height));
+    }), c = u(() => {
+      const t = Math.min(...f.value.map((n) => n.left)), e = Math.min(...f.value.map((n) => n.top)), a = Math.max(...f.value.map((n) => n.left + n.width)), l = Math.max(...f.value.map((n) => n.top + n.height));
       return {
-        width: r - t,
-        height: u - e,
-        centerX: (t + r) / 2,
-        centerY: (e + u) / 2
+        width: a - t,
+        height: l - e,
+        centerX: (t + a) / 2,
+        centerY: (e + l) / 2
       };
     });
     R(c, () => {
       S();
     });
     function S() {
-      const t = s.value.getBoundingClientRect(), e = Math.floor(t.width), r = Math.floor(t.height), u = e / c.value.width, n = r / c.value.height;
-      a.value.scale = Math.min(u, n), a.value.transformX = o(a.value.width) / 2 - c.value.centerX, a.value.transformY = o(a.value.height) / 2 - c.value.centerY;
+      const t = s.value.getBoundingClientRect(), e = Math.floor(t.width), a = Math.floor(t.height), l = e / c.value.width, n = a / c.value.height;
+      r.value.scale = Math.min(l, n), r.value.transformX = o(r.value.width) / 2 - c.value.centerX, r.value.transformY = o(r.value.height) / 2 - c.value.centerY;
     }
-    const w = l(() => {
+    const w = u(() => {
       var t, e;
       return !h.value || ((t = h.value) == null ? void 0 : t.indexOf(":")) < 0 ? 0 : Number((e = h.value) == null ? void 0 : e.split(":")[0]);
-    }), y = l(() => !h.value || h.value.indexOf(":") < 0 ? 0 : Number(h.value.split(":")[1]));
+    }), y = u(() => !h.value || h.value.indexOf(":") < 0 ? 0 : Number(h.value.split(":")[1]));
     async function k() {
       if (!s.value)
         return;
-      const t = s.value.getBoundingClientRect(), e = Math.floor(t.width), r = Math.floor(t.height);
-      let u = e, n = r;
-      const $ = e / w.value, I = r / y.value;
-      $ > I && (u = r / y.value * w.value, n = r), $ <= I && (u = e, n = e / w.value * y.value), a.value.width = Math.floor(u), a.value.height = Math.floor(n);
+      const t = s.value.getBoundingClientRect(), e = Math.floor(t.width), a = Math.floor(t.height);
+      let l = e, n = a;
+      const $ = e / w.value, I = a / y.value;
+      $ > I && (l = a / y.value * w.value, n = a), $ <= I && (l = e, n = e / w.value * y.value), r.value.width = Math.floor(l), r.value.height = Math.floor(n);
     }
     function o(t) {
       return typeof t != "string" ? t : Number(t.replace("px", ""));
@@ -136,22 +136,22 @@ const oe = /* @__PURE__ */ V({
       F("stream-view-dblclick", t, e);
     }
     return (t, e) => (L(), _("div", {
-      class: "custom-layout-container",
       ref_key: "streamListContainerRef",
-      ref: s
+      ref: s,
+      class: "custom-layout-container"
     }, [
       W("div", {
-        class: "stream-list",
         ref_key: "streamListRef",
         ref: Y,
+        class: "stream-list",
         style: O(i.value)
       }, [
-        (L(!0), _(J, null, D(X.value, (r, u) => (L(), P(j(K), {
+        (L(!0), _(J, null, D(X.value, (a, l) => (L(), P(j(te), {
+          key: `${a.userInfo.userId}_${a.streamType}`,
           class: "stream-list-item",
-          key: `${r.userInfo.userId}_${r.streamType}`,
-          userInfo: r.userInfo,
-          "stream-type": r.streamType,
-          style: O(B(u)),
+          userInfo: a.userInfo,
+          "stream-type": a.streamType,
+          style: O(B(l)),
           "aspect-ratio": "auto",
           onStreamViewDblclick: U
         }, {
@@ -163,7 +163,7 @@ const oe = /* @__PURE__ */ V({
       ], 4)
     ], 512));
   }
-}), de = /* @__PURE__ */ ae(oe, [["__scopeId", "data-v-6267e055"]]);
+}), de = /* @__PURE__ */ re(oe, [["__scopeId", "data-v-fc27f3d2"]]);
 export {
   de as default
 };

package/dist/components/StreamView/Layout/CustomLayout.vue.d.ts

@@ -1,5 +1,4 @@
 import { UserInfo } from '../../../types';
-import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-js';
 
 interface Props {
     config?: string;
@@ -9,7 +8,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/Layout/FloatLayout.vue.d.ts

@@ -1,10 +1,9 @@
-import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-js';
 import { UserInfo } from '../../../types';
 
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{

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

@@ -1,16 +1,15 @@
-import { defineComponent as Q, computed as n, ref as y, watch as X, nextTick as Z, onMounted as ee, onBeforeUnmount as te, createElementBlock as $, openBlock as x, normalizeClass as ae, createElementVNode as ne, normalizeStyle as U, Fragment as oe, renderList as ie, createBlock as le, unref as re, withCtx as ue, renderSlot as se, mergeProps as ce } from "vue";
-import me from "../common/StreamRegion/StreamRegionPC.js";
-import { getContentSize as z } from "../../../utils/domOperation.js";
+import { defineComponent as K, computed as n, ref as y, watch as Q, nextTick as X, onMounted as Z, onBeforeUnmount as ee, createElementBlock as $, openBlock as x, normalizeClass as te, createElementVNode as ae, normalizeStyle as U, Fragment as ne, renderList as oe, createBlock as ie, unref as le, withCtx as re, renderSlot as ue, mergeProps as se } from "vue";
+import { TUIVideoStreamType as z } from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState as ce } from "../../../states/LoginState.js";
+import { useRoomState as me } from "../../../states/RoomState/index.js";
 import { useUserState as ve } from "../../../states/UserState/index.js";
-import { TUIVideoStreamType as F } from "@tencentcloud/tuiroom-engine-js";
-import { safelyParse as fe } from "../../../utils/utils.js";
-import { useRoomState as he } from "../../../states/RoomState.js";
-import { useLoginState as pe } from "../../../states/LoginState.js";
-import { getNewUserInfo as de } from "../../../states/UserState/store.js";
-import { useDeviceState as ye } from "../../../states/DeviceState/DeviceState.js";
-import { LocalRoomStatus as ge } from "../../../types/room.js";
-import { _ as Se } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const i = "16:9", we = /* @__PURE__ */ Q({
+import { getNewUserInfo as fe } from "../../../states/UserState/store.js";
+import { getContentSize as F } from "../../../utils/domOperation.js";
+import { safelyParse as he } from "../../../utils/utils.js";
+import pe from "../common/StreamRegion/StreamRegionPC.js";
+import { useDeviceState as de } from "../../../states/DeviceState/DeviceState.js";
+import { _ as ye } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const i = "16:9", ge = /* @__PURE__ */ K({
   __name: "GridLayout",
   props: {
     config: { default: () => JSON.stringify({
@@ -24,26 +23,26 @@ const i = "16:9", we = /* @__PURE__ */ Q({
   },
   emits: ["stream-view-dblclick"],
   setup(W, { emit: H }) {
-    const { userList: O, userListOnSeat: T, userWithScreenOn: g } = ve(), { microphoneStatus: V, cameraStatus: E } = ye(), { currentRoom: L, localRoomStatus: B } = he(), { loginUserInfo: N } = pe(), q = H, S = W, t = n(() => fe(S.config) || {
+    const { userList: O, userListOnSeat: T, userWithScreenOn: g } = ve(), { microphoneStatus: V, cameraStatus: E } = de(), { currentRoom: L } = me(), { loginUserInfo: B } = ce(), N = H, S = W, t = n(() => he(S.config) || {
       maxRows: 3,
       maxColumns: 3,
       rowSpacing: 8,
       columnSpacing: 8
-    }), D = n(() => {
+    }), q = n(() => {
       var a;
-      const e = de(((a = N.value) == null ? void 0 : a.userId) || "local_fake_user");
+      const e = fe(((a = B.value) == null ? void 0 : a.userId) || "local_fake_user");
       return e.cameraStatus = E.value, e.microphoneStatus = V.value, e;
-    }), P = n(() => {
+    }), D = n(() => {
       var e;
-      return !L.value && B.value === ge.IDLE ? [D.value] : (e = L.value) != null && e.isSeatEnabled ? T.value : O.value;
+      return !L.value && localRoomStatus.value === LocalRoomStatus.IDLE ? [q.value] : (e = L.value) != null && e.isSeatEnabled ? T.value : O.value;
     }), w = n(() => {
-      const e = P.value.filter(S.filterFn).map((a) => ({
+      const e = D.value.filter(S.filterFn).map((a) => ({
         userInfo: a,
-        streamType: F.kCameraStream
+        streamType: z.kCameraStream
       }));
       return g.value && [g.value].filter(S.filterFn).length > 0 && e.unshift({
         userInfo: g.value,
-        streamType: F.kScreenStream
+        streamType: z.kScreenStream
       }), e;
     }), r = n(() => t.value.maxColumns === 1 / 0 ? t.value.maxColumns : Math.min(
       Math.ceil(Math.sqrt(w.value.length)),
@@ -51,29 +50,26 @@ const i = "16:9", we = /* @__PURE__ */ Q({
     )), v = n(() => t.value.maxRows === 1 / 0 ? t.value.maxRows : Math.min(
       Math.ceil(w.value.length / r.value),
       t.value.maxRows
-    )), o = y(), G = y(), I = n(
+    )), o = y(), P = y(), I = n(
       () => t.value.maxRows !== 1 / 0 && t.value.maxColumns !== 1 / 0
     ), R = n(() => t.value.maxColumns === 1 / 0), C = n(() => t.value.maxRows === 1 / 0);
-    X(
+    Q(
       () => [r.value, v.value],
       async () => {
-        await Z(), _();
+        await X(), _();
       },
       { immediate: !0 }
     );
     function _() {
       if (R.value) {
-        Y();
+        J();
         return;
       }
       if (C.value) {
-        j();
-        return;
-      }
-      if (I.value) {
-        J();
+        Y();
         return;
       }
+      I.value && G();
     }
     const f = y({
       width: "0",
@@ -82,7 +78,7 @@ const i = "16:9", we = /* @__PURE__ */ Q({
       width: "0",
       height: "0"
     }), u = n(() => (i == null ? void 0 : i.indexOf(":")) < 0 ? 0 : Number(i == null ? void 0 : i.split(":")[0])), s = n(() => i.indexOf(":") < 0 ? 0 : Number(i.split(":")[1]));
-    async function J() {
+    async function G() {
       if (!o.value)
         return;
       const e = o.value.getBoundingClientRect(), a = Math.floor(e.width), c = Math.floor(e.height), m = (a - (r.value - 1) * t.value.columnSpacing) / r.value, h = (c - (v.value - 1) * t.value.rowSpacing) / v.value;
@@ -93,63 +89,63 @@ const i = "16:9", we = /* @__PURE__ */ Q({
       }
       l.value.width = `${p}px`, l.value.height = `${d}px`, f.value.width = `${Math.ceil(r.value * p + (r.value - 1) * t.value.columnSpacing)}px`, f.value.height = `${Math.ceil(v.value * d + (v.value - 1) * t.value.rowSpacing)}px`;
     }
-    function Y() {
+    function J() {
       f.value = {};
-      const e = z(o.value).height, a = e * u.value / s.value;
+      const e = F(o.value).height, a = e * u.value / s.value;
       l.value.width = `${a}px`, l.value.height = `${e}px`;
     }
-    function j() {
+    function Y() {
       f.value = {};
-      const e = z(o.value).width, a = e * s.value / u.value;
+      const e = F(o.value).width, a = e * s.value / u.value;
       l.value.width = `${e}px`, l.value.height = `${a}px`;
     }
-    function A(e, a) {
-      q("stream-view-dblclick", e, a);
+    function j(e, a) {
+      N("stream-view-dblclick", e, a);
     }
     const k = new ResizeObserver(() => {
       _();
     });
-    ee(() => {
+    Z(() => {
       k.observe(o.value);
-    }), te(() => {
+    }), ee(() => {
       k.unobserve(o.value);
     });
-    function K(e) {
+    function A(e) {
       o.value.scrollLeft += e.deltaY;
     }
     return (e, a) => (x(), $("div", {
       ref_key: "streamListContainerRef",
       ref: o,
-      class: ae({
+      class: te({
         "horizontal-infinity-layout": R.value,
         "vertical-infinity-layout": C.value,
         "equal-points-layout": I.value
       })
     }, [
-      ne("div", {
-        class: "stream-list",
+      ae("div", {
         ref_key: "streamListRef",
-        ref: G,
+        ref: P,
+        class: "stream-list",
         style: U(f.value),
-        onWheel: K
+        onWheel: A
       }, [
-        (x(!0), $(oe, null, ie(w.value, (c) => (x(), le(re(me), {
-          class: "stream-list-item",
+        (x(!0), $(ne, null, oe(w.value, (c) => (x(), ie(le(pe), {
           key: `${c.userInfo.userId}_${c.streamType}`,
+          class: "stream-list-item",
           userInfo: c.userInfo,
           "stream-type": c.streamType,
           style: U(l.value),
-          onStreamViewDblclick: A
+          onStreamViewDblclick: j
         }, {
-          streamViewUI: ue((m) => [
-            se(e.$slots, "streamViewUI", ce({ ref_for: !0 }, m), void 0, !0)
+          streamViewUI: re((m) => [
+            ue(e.$slots, "streamViewUI", se({ ref_for: !0 }, m), void 0, !0)
           ]),
           _: 3
         }, 8, ["userInfo", "stream-type", "style"]))), 128))
       ], 36)
     ], 2));
   }
-}), Fe = /* @__PURE__ */ Se(we, [["__scopeId", "data-v-0dc1b2d5"]]);
+}), $e = /* @__PURE__ */ ye(ge, [["__scopeId", "data-v-f448c496"]]);
 export {
-  Fe as default
+  $e as default
 };

package/dist/components/StreamView/Layout/GridLayout.vue.d.ts

@@ -1,5 +1,4 @@
 import { UserInfo } from '../../../types';
-import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-js';
 
 interface Props {
     config?: string;
@@ -9,7 +8,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

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

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as r, ref as d, watch as f, createElementBlock as A, openBlock as L, normalizeClass as k, createBlock as b, createCommentVNode as J, createElementVNode as Q, unref as S, withCtx as W, renderSlot as z, normalizeProps as H, guardReactiveProps as K, createVNode as G } from "vue";
-import Y from "../common/ArrowStroke.js";
-import j from "../common/StreamRegion/StreamRegionPC.js";
-import X from "../common/StreamList/index.js";
 import { TUIVideoStreamType as s } from "@tencentcloud/tuiroom-engine-js";
-import { useUserState as Z } from "../../../states/UserState/index.js";
-import { useRoomState as ee } from "../../../states/RoomState.js";
+import { useRoomState as Y } from "../../../states/RoomState/index.js";
+import { useUserState as j } from "../../../states/UserState/index.js";
+import X from "../common/ArrowStroke.js";
+import Z from "../common/StreamList/index.js";
+import ee from "../common/StreamRegion/StreamRegionPC.js";
 import { StreamPlayQuality as P, StreamPlayMode as te } from "../../../types/stream.js";
 import { DeviceStatus as T } from "../../../types/device.js";
 import { _ as re } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -33,7 +33,7 @@ const ae = /* @__PURE__ */ E({
     sortFn: { type: Function, default: (y, g, _) => 0 }
   },
   setup(y) {
-    const { currentRoom: g } = ee(), { userList: _, userListOnSeat: V, userWithScreenOn: w, localUser: I, userListWithCameraOn: C } = Z(), D = r(() => {
+    const { currentRoom: g } = Y(), { userList: _, userListOnSeat: V, userWithScreenOn: w, localUser: I, userListWithCameraOn: C } = j(), D = r(() => {
       var e;
       return ((e = I.value) == null ? void 0 : e.cameraStatus) === T.On ? {
         userInfo: I.value,
@@ -135,7 +135,7 @@ const ae = /* @__PURE__ */ E({
       id: "streamContainer",
       class: k(p.value)
     }, [
-      v.value ? (L(), b(S(j), {
+      v.value ? (L(), b(S(ee), {
         key: 0,
         class: "enlarged-stream-container",
         "user-info": v.value.userInfo,
@@ -153,7 +153,7 @@ const ae = /* @__PURE__ */ E({
       Q("div", {
         class: k(["stream-list-container", `${l.value ? "" : "hide-list"}`])
       }, [
-        G(X, {
+        G(Z, {
           streamInfoList: q.value,
           config: B.value,
           streamPlayMode: S(te).PLAY_IN_VISIBLE,
@@ -162,7 +162,7 @@ const ae = /* @__PURE__ */ E({
           onStreamViewDblclick: $
         }, null, 8, ["streamInfoList", "config", "streamPlayMode", "streamPlayQuality"])
       ], 2),
-      m.value && (R.value || l.value) ? (L(), b(Y, {
+      m.value && (R.value || l.value) ? (L(), b(X, {
         key: 1,
         class: k([`arrow-stroke-${x.value}`]),
         "stroke-position": M.value,
@@ -172,7 +172,7 @@ const ae = /* @__PURE__ */ E({
       }, null, 8, ["class", "stroke-position", "arrow-direction", "has-stroke"])) : J("", !0)
     ], 2));
   }
-}), pe = /* @__PURE__ */ re(ae, [["__scopeId", "data-v-062baff5"]]);
+}), pe = /* @__PURE__ */ re(ae, [["__scopeId", "data-v-7b9e1ae3"]]);
 export {
   pe as default
 };

package/dist/components/StreamView/Layout/MeetingLayout.vue.d.ts

@@ -13,7 +13,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/common/StreamList/index.vue.d.ts

@@ -16,7 +16,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: import('@tencentcloud/tuiroom-engine-js').TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/common/StreamRegion/StreamRegionPC.vue.d.ts

@@ -13,11 +13,11 @@ interface Props {
 declare function __VLS_template(): {
     "stream-cover"?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/components/StreamView/index.d.ts

@@ -1,3 +1,90 @@
-import { default as StreamView } from './index.vue';
-
-export { StreamView };
+declare const StreamView: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        config: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterFn: {
+            type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+            default: () => true;
+        };
+        sortFn: {
+            type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+            default: () => 0;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mode: string;
+        config: string;
+        filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+        sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        config: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterFn: {
+            type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+            default: () => true;
+        };
+        sortFn: {
+            type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+            default: () => 0;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        mode: string;
+        config: string;
+        filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+        sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+    config: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    filterFn: {
+        type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+        default: () => true;
+    };
+    sortFn: {
+        type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+        default: () => 0;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mode: string;
+    config: string;
+    filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+    sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        streamViewUI?(_: {
+            userInfo: import('../..').UserInfo;
+            streamType: any;
+        }): any;
+    };
+});
+export { StreamView, };

package/dist/components/StreamView/index.js

@@ -4,7 +4,7 @@ import F from "./Layout/CustomLayout.js";
 import w from "./Layout/FloatLayout.js";
 import y from "./Layout/GridLayout.js";
 import U from "./Layout/MeetingLayout.js";
-const S = /* @__PURE__ */ c({
+const V = /* @__PURE__ */ c({
   __name: "index",
   props: {
     mode: { default: "grid" },
@@ -13,7 +13,7 @@ const S = /* @__PURE__ */ c({
     sortFn: { type: Function, default: () => 0 }
   },
   setup(e) {
-    return s(() => d.mixUserInfo), (o, V) => (n(), u(g, null, [
+    return s(() => d.mixUserInfo), (o, I) => (n(), u(g, null, [
       e.mode === "float" ? (n(), r(w, {
         key: 0,
         config: e.config,
@@ -60,7 +60,7 @@ const S = /* @__PURE__ */ c({
       }, 8, ["config", "filter-fn", "sort-fn"])) : f("", !0)
     ], 64));
   }
-});
+}), h = V;
 export {
-  S as StreamView
+  h as StreamView
 };

package/dist/components/StreamView/index.vue.d.ts

@@ -9,7 +9,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: import('@tencentcloud/tuiroom-engine-js').TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {