@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.0

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    sendMessage: (...args: any[]) => void;
     onClose: (...args: any[]) => void;
+    sendMessage: (...args: any[]) => void;
     insertEmoji: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;

package/es/components/Chat/ChatKit/components/common/Toast/index.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     type: string;
-    message: string;
     id: string;
-    duration: number;
     zIndex: number;
+    message: string;
+    duration: number;
     offset: number;
     repeatNum: number;
 }, {}>;

package/es/components/Chat/index/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70028817"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7659de63"]]);
 export {
   Chat as default
 };

package/es/components/Chat/index/index.vue2.mjs

@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const basicStore = useBasicStore();
     const defaultHideFeaturesButtons = [
       "InputFace",
+      "InputStickers",
       "InputVoice",
       "InputEvaluation",
       "InputQuickReplies",

package/es/components/ManageMember/MemberControl/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a11b273"]]);
+const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6cb30e2c"]]);
 export {
   MemberControl as default
 };

package/es/components/ManageMember/MemberControl/index.vue2.mjs

@@ -150,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(TuiButton, {
               size: "default",
               onClick: _cache[2] || (_cache[2] = ($event) => unref(handleAction)(props.userInfo)),
-              disabled: unref(tempUserName).length === 0
+              disabled: unref(dialogData).isConfirmButtonDisable
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(dialogData).confirmText), 1)
@@ -174,11 +174,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("span", null, toDisplayString(unref(dialogData).content), 1),
               unref(dialogData).showInput ? (openBlock(), createBlock(TuiInput, {
                 key: 0,
-                modelValue: unref(tempUserName),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(tempUserName) ? tempUserName.value = $event : null),
+                "model-value": unref(tempUserName),
+                onInput: _cache[1] || (_cache[1] = ($event) => tempUserName.value = $event),
                 class: "dialog-input",
                 placeholder: unref(t)("Please input user name")
-              }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
+              }, null, 8, ["model-value", "placeholder"])) : createCommentVNode("", true)
             ])
           ]),
           _: 1

package/es/components/ManageMember/MemberControl/useMemberControlHooks.d.ts

@@ -11,14 +11,15 @@ export default function useMemberControl(props?: any): {
     handleCancelDialog: () => void;
     handleAction: (userInfo: UserInfo) => void;
     isDialogVisible: Ref<boolean>;
-    dialogData: Ref<{
+    dialogData: Reactive<{
         title: string;
         content: string;
         confirmText: string;
         actionType: ActionType;
         showInput: boolean;
+        isConfirmButtonDisable: boolean;
     }>;
-    tempUserName: Ref<any>;
+    tempUserName: Ref<string>;
     isShowInput: Ref<boolean>;
     editorInputEle: Ref<any>;
     editorInputEleContainer: Ref<any>;

package/es/components/ManageMember/MemberControl/useMemberControlHooks.mjs

@@ -1,4 +1,4 @@
-import { ref, computed } from "vue";
+import { ref, reactive, computed } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
 import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
@@ -38,13 +38,14 @@ function useMemberControl(props) {
   const isShowInput = ref(false);
   const editorInputEle = ref();
   const editorInputEleContainer = ref();
-  const tempUserName = ref(props.userInfo.nameCard || props.userInfo.userName);
-  const dialogData = ref({
+  const tempUserName = ref("");
+  const dialogData = reactive({
     title: "",
     content: "",
     confirmText: "",
     actionType: "",
-    showInput: false
+    showInput: false,
+    isConfirmButtonDisable: false
   });
   const kickOffDialogContent = computed(
     () => t("whether to kick sb off the room", {
@@ -345,7 +346,7 @@ function useMemberControl(props) {
     await ((_a = roomEngine.instance) == null ? void 0 : _a.kickRemoteUserOutOfRoom({
       userId: userInfo.userId
     }));
-    roomStore.removeRemoteUser(userInfo.userId);
+    roomStore.removeUserInfo(userInfo.userId);
   }
   async function handleTransferOwner(userInfo) {
     var _a, _b;
@@ -399,40 +400,44 @@ function useMemberControl(props) {
     switch (action) {
       case "kickUser":
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t("Note"),
           content: kickOffDialogContent.value,
           confirmText: t("Confirm"),
           actionType: action,
-          showInput: false
-        };
+          showInput: false,
+          isConfirmButtonDisable: false
+        });
         break;
       case "transferOwner":
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: transferOwnerTitle.value,
           content: t(
             "After transfer the room owner, you will become a general user"
           ),
           confirmText: t("Confirm transfer"),
           actionType: action,
-          showInput: false
-        };
+          showInput: false,
+          isConfirmButtonDisable: false
+        });
         break;
       case "changeUserNameCard":
+        tempUserName.value = props.userInfo.nameCard || props.userInfo.userName;
         if (isMobile) {
           isShowInput.value = true;
           (_a = document == null ? void 0 : document.body) == null ? void 0 : _a.appendChild(editorInputEleContainer.value);
         } else {
           isDialogVisible.value = true;
         }
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t("change name"),
           content: "",
           confirmText: t("Confirm"),
           actionType: action,
-          showInput: true
-        };
+          showInput: true,
+          isConfirmButtonDisable: computed(() => tempUserName.value === "")
+        });
         break;
     }
   }
@@ -467,7 +472,7 @@ function useMemberControl(props) {
     }
   }
   function handleAction(userInfo) {
-    switch (dialogData.value.actionType) {
+    switch (dialogData.actionType) {
       case "kickUser":
         kickOffUser(userInfo);
         break;

package/es/components/ManageMember/MemberInvite/MemberInvite.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberInvite.vue2.mjs";
 /* empty css                   */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ff06e4f"]]);
+const MemberInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d45fc0f"]]);
 export {
   MemberInvite as default
 };

package/es/components/ManageMember/MemberInvite/MemberInvite.vue2.mjs

@@ -1,5 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, unref, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
-import Avatar from "../../common/Avatar.vue.mjs";
+import { defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import "../../../services/main.mjs";
@@ -12,13 +11,11 @@ import "../../../utils/environment.mjs";
 import renderMsg from "../../common/base/Message/Message.mjs";
 import { MESSAGE_DURATION } from "../../../constants/message.mjs";
 const _hoisted_1 = { class: "member-invite-container" };
-const _hoisted_2 = { class: "member-invite-item" };
-const _hoisted_3 = { class: "user-name" };
-const _hoisted_4 = {
+const _hoisted_2 = {
   key: 0,
   class: "member-invite-reject"
 };
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 1,
   class: "member-invite-calling"
 };
@@ -51,15 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(Avatar, {
-            class: "avatar-url",
-            "img-src": _ctx.userInfo.avatarUrl
-          }, null, 8, ["img-src"]),
-          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.userInfo.userId || _ctx.userInfo.userName), 1)
-        ]),
-        showReject.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(t)("Not joining for now")), 1)) : createCommentVNode("", true),
-        _ctx.userInfo.status === unref(TUIInvitationStatus).kPending ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("Calling...")), 1)) : (openBlock(), createBlock(TuiButton, {
+        showReject.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("Not joining for now")), 1)) : createCommentVNode("", true),
+        _ctx.userInfo.status === unref(TUIInvitationStatus).kPending ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(t)("Calling...")), 1)) : (openBlock(), createBlock(TuiButton, {
           key: 2,
           class: "button",
           size: "default",

package/es/components/ManageMember/MemberItem/index.vue.d.ts

@@ -1,9 +1,7 @@
 import { UserInfo } from '../../../stores/room';
-import { USERS_STATUS } from '../../../constants/room';
 
 interface Props {
     userInfo: UserInfo;
-    userCurrentStatus: USERS_STATUS;
 }
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;

package/es/components/ManageMember/MemberItem/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12f08077"]]);
+const MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9fb1dc6"]]);
 export {
   MemberItem as default
 };

package/es/components/ManageMember/MemberItem/index.vue2.mjs

@@ -1,14 +1,11 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, unref, withDirectives, createVNode, vShow } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, unref, createVNode, withDirectives, vShow } from "vue";
 import MemberInfo from "../MemberItemCommon/MemberInfo.vue.mjs";
 import MemberControl from "../MemberControl/index.vue.mjs";
-import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
 import useMemberItem from "./useMemberItemHooks.mjs";
-import { USERS_STATUS } from "../../../constants/room.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    userInfo: {},
-    userCurrentStatus: {}
+    userInfo: {}
   },
   setup(__props) {
     const props = __props;
@@ -25,25 +22,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
         (...args) => unref(closeMemberControl) && unref(closeMemberControl)(...args))
       }, [
-        withDirectives(createVNode(MemberInfo, {
+        createVNode(MemberInfo, {
           "user-info": props.userInfo,
-          "show-state-icon": !showMemberControl.value
-        }, null, 8, ["user-info", "show-state-icon"]), [
-          [vShow, props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER]
-        ]),
+          "show-state-icon": props.userInfo.isInRoom && !showMemberControl.value
+        }, null, 8, ["user-info", "show-state-icon"]),
         withDirectives(createVNode(MemberControl, {
           "show-member-control": showMemberControl.value,
           "user-info": props.userInfo
         }, null, 8, ["show-member-control", "user-info"]), [
-          [
-            vShow,
-            showMemberControl.value && props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER
-          ]
-        ]),
-        withDirectives(createVNode(MemberInvite, {
-          "user-info": props.userInfo
-        }, null, 8, ["user-info"]), [
-          [vShow, props.userCurrentStatus === unref(USERS_STATUS).NOT_ENTER]
+          [vShow, showMemberControl.value && props.userInfo.isInRoom]
         ])
       ], 32);
     };

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberInfo.vue2.mjs";
 /* empty css                 */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bac8abee"]]);
+const MemberInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cba7feb3"]]);
 export {
   MemberInfo as default
 };

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, withDirectives, vShow } from "vue";
 import Avatar from "../../common/Avatar.vue.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
@@ -10,6 +10,7 @@ import AudioOpenIcon from "../../common/icons/AudioOpenIcon.vue.mjs";
 import AudioCloseIcon from "../../common/icons/AudioCloseIcon.vue.mjs";
 import ScreenOpenIcon from "../../common/icons/ScreenOpenIcon.vue.mjs";
 import ApplyActiveIcon from "../../common/icons/ApplyActiveIcon.vue.mjs";
+import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import { isMobile } from "../../../utils/environment.mjs";
 import UserIcon from "../../common/icons/UserIcon.vue.mjs";
@@ -122,7 +123,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: item.size
             }, null, 8, ["icon", "class", "size"]);
           }), 128))
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        withDirectives(createVNode(MemberInvite, {
+          class: "member-invite",
+          "user-info": props.userInfo
+        }, null, 8, ["user-info"]), [
+          [vShow, !props.userInfo.isInRoom]
+        ])
       ], 2);
     };
   }

package/es/components/ManageMember/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ManageMember = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-406150c6"]]);
+const ManageMember = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-66e18a8f"]]);
 export {
   ManageMember as default
 };

package/es/components/ManageMember/index.vue2.mjs

@@ -122,9 +122,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredUserStatusList), (userInfo) => {
             return openBlock(), createBlock(MemberItem, {
               key: userInfo.userId,
-              "user-info": userInfo,
-              "user-current-status": unref(currentActiveTabName)
-            }, null, 8, ["user-info", "user-current-status"]);
+              "user-info": userInfo
+            }, null, 8, ["user-info"]);
           }), 128))
         ]),
         !unref(isGeneralUser) && unref(currentActiveTabName) !== unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_12, [

package/es/components/ManageMember/useIndexHooks.mjs

@@ -51,23 +51,6 @@ function useIndex() {
     isOnStateTabActive.value = !isOnStateTabActive.value;
     roomStore.setOnStageTabStatus(isOnStateTabActive.value);
   }
-  const filteredUserList = computed(() => {
-    let list = [];
-    if (roomStore.isFreeSpeakMode) {
-      list = enterUserList.value;
-    } else if (roomStore.isSpeakAfterTakingSeatMode) {
-      list = isOnStateTabActive.value ? anchorUserList.value : audienceUserList.value;
-    }
-    if (!searchText.value) {
-      return list;
-    }
-    return list.filter(
-      (item) => {
-        var _a, _b;
-        return ((_a = item.nameCard) == null ? void 0 : _a.includes(searchText.value)) || ((_b = item.userName) == null ? void 0 : _b.includes(searchText.value)) || item.userId.includes(searchText.value);
-      }
-    );
-  });
   const filteredUserStatusList = computed(() => {
     let list = [];
     if (roomStore.isFreeSpeakMode) {
@@ -296,7 +279,6 @@ function useIndex() {
     ManageControlType,
     alreadyStaged,
     notStaged,
-    filteredUserList,
     isOnStateTabActive,
     handleToggleStaged,
     applyToAnchorUserContent,

package/es/components/PreRoom/PasswordDialog.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./PasswordDialog.vue2.mjs";
 /* empty css                     */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const PasswordDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41c9bdf0"]]);
+const PasswordDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6cdda61e"]]);
 export {
   PasswordDialog as default
 };

package/es/components/PreRoom/PasswordDialog.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, nextTick, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
 import { storeToRefs } from "pinia";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
@@ -13,12 +13,9 @@ import Dialog from "../common/base/Dialog/index.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import TuiInput from "../common/base/Input/index.vue.mjs";
 import CloseInputIcon from "../common/icons/CloseInputIcon.vue.mjs";
-import { isDigitsOnly } from "../../utils/utils.mjs";
-import renderMsg from "../common/base/Message/Message.mjs";
-import { MESSAGE_DURATION } from "../../constants/message.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
-import { PASSWORD_MAX_LENGTH_LIMIT } from "../../constants/room.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import { invalidPasswordRegex } from "../../utils/common.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PasswordDialog",
   props: {
@@ -41,14 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     async function joinRoom() {
-      if (!isDigitsOnly(inputPassword.value) || inputPassword.value.length < PASSWORD_MAX_LENGTH_LIMIT) {
-        renderMsg({
-          type: "warning",
-          message: t("Your room password format is incorrect, please check it"),
-          duration: MESSAGE_DURATION.NORMAL
-        });
-        return;
-      }
       await roomService.join(roomId.value, {
         isOpenCamera: false,
         isOpenMicrophone: true,
@@ -60,6 +49,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputPassword.value = "";
       roomService.emit(EventType.ROOM_ERROR);
     }
+    watch(
+      () => inputPassword.value,
+      async (newValue, oldValue) => {
+        if (newValue && invalidPasswordRegex.test(newValue)) {
+          await nextTick();
+          inputPassword.value = newValue.replace(invalidPasswordRegex, "");
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Dialog, {
         modelValue: isShowPasswordContainer.value,
@@ -105,9 +103,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(TuiInput, {
             "model-value": inputPassword.value,
             onInput: _cache[1] || (_cache[1] = ($event) => inputPassword.value = $event),
-            placeholder: unref(t)("Please enter your room password"),
+            placeholder: unref(t)("Please enter the password"),
             type: "password",
-            maxlength: "6"
+            maxlength: "32",
+            theme: "white"
           }, {
             suffixIcon: withCtx(() => [
               createVNode(SvgIcon, {

package/es/components/RoomContent/StreamList/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const StreamList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8705c714"]]);
+const StreamList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8176dc0"]]);
 export {
   StreamList as default
 };

package/es/components/RoomContent/StreamList/index.vue2.mjs

@@ -59,13 +59,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return Number(props.aspectRatio.split(":")[1]);
     });
     async function handleEqualPointsLayout() {
-      var _a, _b;
       const number = currentPageIndex.value > 0 ? maxCountEveryPage.value : props.streamInfoList.slice(0, maxCountEveryPage.value).length;
       if (number <= 0 || !streamListContainerRef.value) {
         return;
       }
-      const containerWidth = (_a = streamListContainerRef.value) == null ? void 0 : _a.offsetWidth;
-      const containerHeight = (_b = streamListContainerRef.value) == null ? void 0 : _b.offsetHeight;
+      const containerRect = streamListContainerRef.value.getBoundingClientRect();
+      const containerWidth = Math.floor(containerRect.width);
+      const containerHeight = Math.floor(containerRect.height);
       const horizontalStreamNumber = props.horizontalCount;
       const verticalStreamNumber = props.verticalCount;
       const contentWidth = (containerWidth - horizontalStreamNumber * singleStreamMargin) / horizontalStreamNumber;
@@ -89,19 +89,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       streamListStyle.value.width = `${horizontalStreamNumber * (width + singleStreamMargin)}px`;
       streamListStyle.value.height = `${verticalStreamNumber * (height + singleStreamMargin)}px`;
     }
+    function getContentSize(element) {
+      const computedStyle = getComputedStyle(element);
+      const paddingTop = Number(computedStyle.paddingTop.replace("px", ""));
+      const paddingBottom = Number(computedStyle.paddingBottom.replace("px", ""));
+      const borderTop = Number(computedStyle.borderTopWidth.replace("px", ""));
+      const borderBottom = Number(
+        computedStyle.borderBottomWidth.replace("px", "")
+      );
+      const paddingLeft = Number(computedStyle.paddingLeft.replace("px", ""));
+      const paddingRight = Number(computedStyle.paddingRight.replace("px", ""));
+      const borderLeft = Number(computedStyle.borderLeftWidth.replace("px", ""));
+      const borderRight = Number(computedStyle.borderRightWidth.replace("px", ""));
+      const contentWidth = element.offsetWidth - paddingLeft - paddingRight - borderLeft - borderRight;
+      const contentHeight = element.offsetHeight - paddingTop - paddingBottom - borderTop - borderBottom;
+      return { width: contentWidth, height: contentHeight };
+    }
     function handleHorizontalInfinityLayout() {
       streamListStyle.value = {};
-      const containerHeight = streamListRef.value.offsetHeight;
-      const contentHeight = containerHeight;
-      const contentWidth = containerHeight * 16 / 9;
+      const contentHeight = getContentSize(streamListContainerRef.value).height;
+      const contentWidth = contentHeight * 16 / 9;
       streamStyle.value.width = `${contentWidth}px`;
       streamStyle.value.height = `${contentHeight}px`;
     }
     function handleVerticalInfinityLayout() {
       streamListStyle.value = {};
-      const containerWidth = streamListRef.value.offsetWidth;
-      const contentWidth = containerWidth;
-      const contentHeight = containerWidth * 9 / 16;
+      const contentWidth = getContentSize(streamListContainerRef.value).width;
+      const contentHeight = contentWidth * 9 / 16;
       streamStyle.value.width = `${contentWidth}px`;
       streamStyle.value.height = `${contentHeight}px`;
     }

package/es/components/RoomContent/StreamRegion/StreamCover/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b4e6bcc"]]);
+const StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f0544c7"]]);
 export {
   StreamCover as default
 };

package/es/components/RoomContent/StreamRegion/index.vue.d.ts

@@ -6,6 +6,7 @@ interface Props {
     aspectRatio?: string;
     isNeedPlayStream?: boolean;
     observerViewInVisible?: boolean;
+    supportTouchScale?: boolean;
 }
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     isEnlarge: boolean;

package/es/components/RoomContent/StreamRegion/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const StreamRegion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ad6ef67"]]);
+const StreamRegion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fa4d966"]]);
 export {
   StreamRegion as default
 };

package/es/components/RoomContent/StreamRegion/index.vue2.mjs

@@ -4,7 +4,8 @@ import StreamPlay from "./StreamPlay/index.vue.mjs";
 import StreamCover from "./StreamCover/index.vue.mjs";
 import LocalScreenView from "./LocalScreenView/index.vue.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
-import vDblTouch from "../../../directives/vDblTouch.mjs";
+import vDblTouch$1 from "../../../directives/vDblTouch.mjs";
+import vDblTouch from "../../../directives/vTouchScale.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -12,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isEnlarge: { type: Boolean, default: false },
     aspectRatio: {},
     isNeedPlayStream: { type: Boolean, default: true },
-    observerViewInVisible: { type: Boolean }
+    observerViewInVisible: { type: Boolean },
+    supportTouchScale: { type: Boolean }
   },
   emits: ["room-dblclick"],
   setup(__props) {
@@ -83,17 +85,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             streamInfo: _ctx.streamInfo,
             isMiniRegion: !_ctx.isEnlarge
           }, null, 8, ["streamInfo", "isMiniRegion"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(StreamPlay, {
+            withDirectives(createVNode(StreamPlay, {
               streamInfo: _ctx.streamInfo,
               isEnlarge: _ctx.isEnlarge,
               isNeedPlayStream: _ctx.isNeedPlayStream,
               observerViewInVisible: _ctx.observerViewInVisible
-            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]),
+            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]), [
+              [unref(vDblTouch), props.supportTouchScale]
+            ]),
             createVNode(StreamCover, { streamInfo: _ctx.streamInfo }, null, 8, ["streamInfo"])
           ], 64))
         ], 36)), [
           [
-            unref(vDblTouch),
+            unref(vDblTouch$1),
             () => {
               _ctx.$emit("room-dblclick");
             }

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberApplyControl.vue2.mjs";
 /* empty css                         */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberApplyControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9768c70f"]]);
+const MemberApplyControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-58a201bd"]]);
 export {
   MemberApplyControl as default
 };