jssz-meeting-component 1.1.13 → 1.1.14

package/dist/index.esm.js

@@ -17,7 +17,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-import { createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, reactive, createApp, effectScope, ref, markRaw, toRaw as toRaw$1, watch, unref, computed, isRef as isRef$1, isReactive as isReactive$1, toRef, hasInjectionContext, inject, getCurrentInstance, nextTick, getCurrentScope, onScopeDispose, toRefs, createStaticVNode, defineComponent, resolveDynamicComponent, onBeforeUnmount, Teleport, withDirectives, withModifiers, renderSlot, vShow, vModelText, createVNode, Fragment, renderList, onMounted, resolveDirective, createTextVNode, onUnmounted, withKeys, resolveComponent, TransitionGroup, mergeProps, vModelSelect } from "vue";
+import { createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, reactive, createApp, effectScope, ref, markRaw, toRaw as toRaw$1, watch, unref, computed, isRef as isRef$1, isReactive as isReactive$1, toRef, hasInjectionContext, inject, getCurrentInstance, nextTick, getCurrentScope, onScopeDispose, toRefs, createStaticVNode, defineComponent, resolveDynamicComponent, onBeforeUnmount, withDirectives, withModifiers, renderSlot, vShow, vModelText, createVNode, Fragment, renderList, onMounted, resolveDirective, createTextVNode, onUnmounted, Teleport, withKeys, resolveComponent, TransitionGroup, mergeProps, vModelSelect } from "vue";
 const draggable = {
   mounted(el2, binding) {
     const options = {
@@ -38101,23 +38101,21 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       window.removeEventListener("resize", handleResize);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        withDirectives(createElementVNode("div", {
-          ref_key: "popupRef",
-          ref: popupRef,
-          class: "smart-popup",
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 512), [
-          [vShow, _ctx.visible]
-        ])
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "popupRef",
+        ref: popupRef,
+        class: "smart-popup",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 512)), [
+        [vShow, _ctx.visible]
       ]);
     };
   }
 });
-const SmartPopup = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-de3830bd"]]);
+const SmartPopup = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-af66a0e9"]]);
 const _hoisted_1$q = { class: "dial-display" };
 const _hoisted_2$p = { class: "dial-pad" };
 const _hoisted_3$o = ["onClick"];
@@ -38247,7 +38245,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DialDialog = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a4d6dbdc"]]);
+const DialDialog = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5e498b3d"]]);
 const _hoisted_1$p = { class: "dialog" };
 const _hoisted_2$o = { class: "header" };
 const _hoisted_3$n = { class: "title" };
@@ -38255,7 +38253,7 @@ const _hoisted_4$l = { class: "online-count" };
 const _hoisted_5$i = { class: "toolbar" };
 const _hoisted_6$h = { class: "search" };
 const _hoisted_7$g = ["disabled"];
-const _hoisted_8$e = { class: "content" };
+const _hoisted_8$f = { class: "content" };
 const _hoisted_9$c = {
   key: 0,
   class: "grid"
@@ -38487,7 +38485,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_8$e, [
+          createElementVNode("div", _hoisted_8$f, [
             loading.value ? (openBlock(), createElementBlock("div", _hoisted_9$c, [
               (openBlock(), createElementBlock(Fragment, null, renderList(12, (n2) => {
                 return createElementVNode("div", {
@@ -38598,7 +38596,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-33e87a35"]]);
+const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-3337613a"]]);
 var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["microphoneClick"] = "microphoneClick";
   RoomModalSelectType2["cameraClick"] = "cameraClick";
@@ -38627,7 +38625,7 @@ const _hoisted_5$h = {
 };
 const _hoisted_6$g = { class: "section" };
 const _hoisted_7$f = { class: "section-title" };
-const _hoisted_8$d = ["onClick"];
+const _hoisted_8$e = ["onClick"];
 const _hoisted_9$b = { class: "label" };
 const _hoisted_10$b = {
   key: 0,
@@ -38749,7 +38747,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["check", { show: mic.deviceId === microPhoneId.value }])
                 }, "✓", 2),
                 createElementVNode("span", _hoisted_9$b, toDisplayString(formatDeviceLabel(mic.label)), 1)
-              ], 8, _hoisted_8$d);
+              ], 8, _hoisted_8$e);
             }), 128)),
             !microPhones.value.length ? (openBlock(), createElementBlock("div", _hoisted_10$b, " 暂无麦克风，请检查电脑设备 ")) : createCommentVNode("", true)
           ])
@@ -38797,7 +38795,7 @@ const _hoisted_6$f = {
   style: { "width": "35px", "height": "35px", "font-size": "16px" }
 };
 const _hoisted_7$e = { class: "caller-text" };
-const _hoisted_8$c = { class: "caller-name" };
+const _hoisted_8$d = { class: "caller-name" };
 const _hoisted_9$a = {
   key: 0,
   class: "caller-number"
@@ -39154,7 +39152,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 isReceiving.value && callerInfo.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
                   createElementVNode("div", _hoisted_6$f, toDisplayString(unref(getUserAvatar)(callerInfo.value)), 1),
                   createElementVNode("div", _hoisted_7$e, [
-                    createElementVNode("div", _hoisted_8$c, toDisplayString(callerInfo.value.memberName || "未知来电"), 1),
+                    createElementVNode("div", _hoisted_8$d, toDisplayString(callerInfo.value.memberName || "未知来电"), 1),
                     callerInfo.value.shortNumber ? (openBlock(), createElementBlock("div", _hoisted_9$a, " 分机：" + toDisplayString(callerInfo.value.shortNumber), 1)) : createCommentVNode("", true)
                   ])
                 ])) : createCommentVNode("", true)
@@ -39332,7 +39330,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f434b44a"]]);
+const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3a6e4a02"]]);
 const _hoisted_1$m = { class: "js-dialog-header-title" };
 const _hoisted_2$l = { class: "js-dialog-header-actions" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -39430,7 +39428,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-b7bfbbf3"]]);
+const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-f3fe3a09"]]);
 const _hoisted_1$l = { class: "js-dialog-content-inner" };
 const _hoisted_2$k = { class: "js-dialog-content-inner-right" };
 const _hoisted_3$k = { class: "grid-layout" };
@@ -39441,7 +39439,7 @@ const _hoisted_5$f = {
 };
 const _hoisted_6$e = ["id"];
 const _hoisted_7$d = { class: "avatar-container" };
-const _hoisted_8$b = { class: "video-loading-overlay" };
+const _hoisted_8$c = { class: "video-loading-overlay" };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "meeting-content",
   props: {
@@ -39546,7 +39544,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, toDisplayString(joinTimeObj.value), 1),
             createVNode(SvgIcon, {
               name: _ctx.isFullscreen ? "NoFullscreenIcon" : "FullscreenIcon",
-              size: 18,
               class: "icon-inactive",
               onClick: handleFullscreenClick
             }, null, 8, ["name"])
@@ -39605,7 +39602,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                       ((user == null ? void 0 : user.cameraStatus) ?? "0") == "0" && ((user == null ? void 0 : user.shareScreenStatus) ?? "0") == "0"
                     ]
                   ]),
-                  withDirectives(createElementVNode("div", _hoisted_8$b, [..._cache[1] || (_cache[1] = [
+                  withDirectives(createElementVNode("div", _hoisted_8$c, [..._cache[1] || (_cache[1] = [
                     createElementVNode("div", { class: "video-loading-spinner" }, null, -1),
                     createElementVNode("div", { class: "video-loading-text" }, "加载中...", -1)
                   ])], 512), [
@@ -39652,7 +39649,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingContent = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b0c37e90"]]);
+const MeetingContent = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5435ba3e"]]);
 const _hoisted_1$k = { class: "js-dialog-footer" };
 const _hoisted_2$j = { class: "js-dialog-footer-group js-dialog-footer-left" };
 const _hoisted_3$j = { class: "js-dialog-footer-group js-dialog-footer-center" };
@@ -39959,7 +39956,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-013d5bbe"]]);
+const MeetingFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-a919dfdb"]]);
 const _hoisted_1$j = { class: "search" };
 const _hoisted_2$i = { class: "custom-tabs" };
 const _hoisted_3$i = { class: "member-list" };
@@ -39967,7 +39964,7 @@ const _hoisted_4$g = ["onMouseenter"];
 const _hoisted_5$e = { class: "default-avatar" };
 const _hoisted_6$d = { class: "info" };
 const _hoisted_7$c = { class: "name-line" };
-const _hoisted_8$a = { class: "name" };
+const _hoisted_8$b = { class: "name" };
 const _hoisted_9$9 = { key: 0 };
 const _hoisted_10$9 = { key: 1 };
 const _hoisted_11$7 = { class: "member-actions" };
@@ -40225,7 +40222,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5$e, toDisplayString(unref(getUserAvatar)(member)), 1),
               createElementVNode("div", _hoisted_6$d, [
                 createElementVNode("div", _hoisted_7$c, [
-                  createElementVNode("span", _hoisted_8$a, toDisplayString(member.member.name), 1),
+                  createElementVNode("span", _hoisted_8$b, toDisplayString(member.member.name), 1),
                   createElementVNode("div", null, [
                     member.roleType == "1" ? (openBlock(), createElementBlock("span", _hoisted_9$9, "(主持人)")) : member.roleType == "0" ? (openBlock(), createElementBlock("span", _hoisted_10$9, " ")) : createCommentVNode("", true)
                   ])
@@ -40307,7 +40304,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b38fa1a8"]]);
+const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-44dbea00"]]);
 const _hoisted_1$i = { class: "chat-container" };
 const _hoisted_2$h = { class: "chat-content" };
 const _hoisted_3$h = { class: "chat-meta" };
@@ -40318,7 +40315,7 @@ const _hoisted_6$c = {
   class: "chat-image-wrapper"
 };
 const _hoisted_7$b = ["src", "onClick", "onError", "onLoad"];
-const _hoisted_8$9 = {
+const _hoisted_8$a = {
   key: 0,
   class: "image-error"
 };
@@ -40804,7 +40801,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     onError: ($event) => handleImageError($event, msg.imageUrl),
                     onLoad: ($event) => handleImageLoad($event, msg.imageUrl)
                   }, null, 40, _hoisted_7$b),
-                  msg.imageError ? (openBlock(), createElementBlock("div", _hoisted_8$9, "图片加载失败")) : createCommentVNode("", true)
+                  msg.imageError ? (openBlock(), createElementBlock("div", _hoisted_8$a, "图片加载失败")) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 msg.text ? (openBlock(), createElementBlock("div", _hoisted_9$8, toDisplayString(msg.text), 1)) : createCommentVNode("", true)
               ])
@@ -40891,7 +40888,11 @@ const _hoisted_3$g = { class: "camera-header" };
 const _hoisted_4$e = { class: "camera-name" };
 const _hoisted_5$c = { class: "camera-video" };
 const _hoisted_6$b = ["src"];
-const _hoisted_7$a = { class: "camera-actions" };
+const _hoisted_7$a = {
+  key: 1,
+  class: "no-stream"
+};
+const _hoisted_8$9 = { class: "camera-actions" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Monitor",
   setup(__props) {
@@ -40916,7 +40917,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
     const isJoining = (item) => joiningIds.value.has(String((item == null ? void 0 : item.id) ?? ""));
     const monitorJoin = (item) => {
-      if (isInMeeting(item) || isJoining(item)) return;
+      if (!item.webStream || isInMeeting(item) || isJoining(item)) return;
       const itemId = String((item == null ? void 0 : item.id) ?? "");
       joiningIds.value.add(itemId);
       const meetingInfo = JSON.parse(
@@ -40962,20 +40963,23 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createElementVNode("div", _hoisted_5$c, [
-                createElementVNode("iframe", {
+                item.webStream ? (openBlock(), createElementBlock("iframe", {
+                  key: 0,
                   src: item.webStream,
                   width: "100%",
                   height: "150",
                   frameborder: "0",
                   allowfullscreen: ""
-                }, null, 8, _hoisted_6$b)
+                }, null, 8, _hoisted_6$b)) : (openBlock(), createElementBlock("div", _hoisted_7$a, " 暂无视频流 "))
               ]),
-              createElementVNode("div", _hoisted_7$a, [
+              createElementVNode("div", _hoisted_8$9, [
                 item.type !== "uav" ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
-                  disabled: isInMeeting(item) || isJoining(item),
+                  disabled: !item.webStream || isInMeeting(item) || isJoining(item),
                   type: "primary",
-                  class: normalizeClass(["monitor-btn", { "btn-disabled": isInMeeting(item) || isJoining(item) }]),
+                  class: normalizeClass(["monitor-btn", {
+                    "btn-disabled": !item.webStream || isInMeeting(item) || isJoining(item)
+                  }]),
                   onClick: ($event) => monitorJoin(item)
                 }, {
                   default: withCtx(() => [
@@ -40992,7 +40996,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Monitor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9e767594"]]);
+const Monitor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-fb4f90f4"]]);
 const _hoisted_1$g = { class: "js-dialog-sidebar-tabs" };
 const _hoisted_2$f = ["onClick"];
 const _hoisted_3$f = { class: "tab-content-wrapper" };
@@ -41231,7 +41235,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0cf90a4"]]);
+const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-b507e72d"]]);
 const _hoisted_1$e = {
   key: 0,
   class: "toggle"
@@ -41588,7 +41592,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 const Tree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-b9399b47"]]);
 const _hoisted_1$c = { class: "js-invite-modal-content-left" };
-const _hoisted_2$c = { class: "js-search-container" };
+const _hoisted_2$c = { class: "search" };
 const _hoisted_3$c = { class: "js-tree-container" };
 const _hoisted_4$a = {
   key: 0,
@@ -41750,12 +41754,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             withDirectives(createElementVNode("input", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
               type: "text",
-              placeholder: "搜索",
-              class: "js-search-input",
+              placeholder: "搜索用户",
+              class: "search-input",
               onInput: handleSearch
             }, null, 544), [
               [vModelText, searchKeyword.value]
-            ])
+            ]),
+            createVNode(SvgIcon, {
+              name: "SearchIcon",
+              class: "search-icon",
+              size: 15
+            })
           ]),
           createElementVNode("div", _hoisted_3$c, [
             treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
@@ -41822,7 +41831,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-6dc97838"]]);
+const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ffd25599"]]);
 const _hoisted_1$b = { class: "meeting-invite-modal" };
 const _hoisted_2$b = { class: "meeting-invite-modal-header" };
 const _hoisted_3$b = { class: "meeting-invite-modal-title" };
@@ -43291,7 +43300,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9c3eeb27"]]);
+const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7ea0c21b"]]);
 const _hoisted_1$5 = { class: "notification-container" };
 const _hoisted_2$5 = ["onClick"];
 const _hoisted_3$5 = { class: "notification-content" };
@@ -44063,194 +44072,192 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_draggable = resolveDirective("draggable");
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        visible.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["modal", themeClass.value])
-        }, [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "设备检测", -1)),
-              createElementVNode("div", {
-                class: "close-btn",
-                onClick: closeModal
-              }, [
-                createVNode(SvgIcon, {
-                  name: "CloseIcon",
-                  size: 20,
-                  style: { "color": "var(--js-text-color)" }
-                })
-              ])
+      return visible.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["modal", themeClass.value])
+      }, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "设备检测", -1)),
+            createElementVNode("div", {
+              class: "close-btn",
+              onClick: closeModal
+            }, [
+              createVNode(SvgIcon, {
+                name: "CloseIcon",
+                size: 20,
+                style: { "color": "var(--js-text-color)" }
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
+                return createElementVNode("button", {
+                  key: tab.key,
+                  class: normalizeClass(["tab-item", { active: activeTab.value === tab.key }]),
+                  onClick: ($event) => activeTab.value = tab.key
+                }, [
+                  createVNode(SvgIcon, {
+                    name: tab.icon,
+                    size: 18
+                  }, null, 8, ["name"]),
+                  createElementVNode("span", null, toDisplayString(tab.label), 1)
+                ], 10, _hoisted_5);
+              }), 64))
             ]),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
-                (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
-                  return createElementVNode("button", {
-                    key: tab.key,
-                    class: normalizeClass(["tab-item", { active: activeTab.value === tab.key }]),
-                    onClick: ($event) => activeTab.value = tab.key
-                  }, [
-                    createVNode(SvgIcon, {
-                      name: tab.icon,
-                      size: 18
-                    }, null, 8, ["name"]),
-                    createElementVNode("span", null, toDisplayString(tab.label), 1)
-                  ], 10, _hoisted_5);
-                }), 64))
-              ]),
-              createElementVNode("div", _hoisted_6, [
-                activeTab.value === "camera" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                  createElementVNode("div", _hoisted_8, [
-                    createElementVNode("video", {
-                      ref_key: "cameraVideoRef",
-                      ref: cameraVideoRef,
-                      class: "camera-preview-large",
-                      autoplay: "",
-                      muted: "",
-                      playsinline: ""
-                    }, null, 512),
-                    cameraError.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(cameraError.value), 1)) : !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_10, " 未检测到摄像头设备 ")) : createCommentVNode("", true)
-                  ]),
-                  createElementVNode("div", _hoisted_11, [
-                    _cache[6] || (_cache[6] = createElementVNode("div", { class: "device-label" }, "摄像头", -1)),
+            createElementVNode("div", _hoisted_6, [
+              activeTab.value === "camera" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("video", {
+                    ref_key: "cameraVideoRef",
+                    ref: cameraVideoRef,
+                    class: "camera-preview-large",
+                    autoplay: "",
+                    muted: "",
+                    playsinline: ""
+                  }, null, 512),
+                  cameraError.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(cameraError.value), 1)) : !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_10, " 未检测到摄像头设备 ")) : createCommentVNode("", true)
+                ]),
+                createElementVNode("div", _hoisted_11, [
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "device-label" }, "摄像头", -1)),
+                  createVNode(JsSelect, {
+                    modelValue: selectedCameraId.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedCameraId.value = $event),
+                    options: cameras.value,
+                    "label-key": "label",
+                    "value-key": "deviceId",
+                    class: "device-select"
+                  }, null, 8, ["modelValue", "options"])
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, [
+                  _cache[9] || (_cache[9] = createElementVNode("div", { class: "audio-section-title" }, "扬声器", -1)),
+                  createElementVNode("div", _hoisted_14, [
                     createVNode(JsSelect, {
-                      modelValue: selectedCameraId.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedCameraId.value = $event),
-                      options: cameras.value,
+                      modelValue: selectedSpeakerId.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedSpeakerId.value = $event),
+                      options: speakers.value,
                       "label-key": "label",
                       "value-key": "deviceId",
-                      class: "device-select"
-                    }, null, 8, ["modelValue", "options"])
-                  ])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
-                  createElementVNode("div", _hoisted_13, [
-                    _cache[9] || (_cache[9] = createElementVNode("div", { class: "audio-section-title" }, "扬声器", -1)),
-                    createElementVNode("div", _hoisted_14, [
-                      createVNode(JsSelect, {
-                        modelValue: selectedSpeakerId.value,
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedSpeakerId.value = $event),
-                        options: speakers.value,
-                        "label-key": "label",
-                        "value-key": "deviceId",
-                        class: "device-select flex-1"
-                      }, null, 8, ["modelValue", "options"]),
-                      createElementVNode("button", {
-                        class: "action-btn-outline",
-                        disabled: !speakers.value.length,
-                        onClick: toggleSpeakerTest
-                      }, toDisplayString(speakerTesting.value ? "停止检测" : "检测扬声器"), 9, _hoisted_15)
+                      class: "device-select flex-1"
+                    }, null, 8, ["modelValue", "options"]),
+                    createElementVNode("button", {
+                      class: "action-btn-outline",
+                      disabled: !speakers.value.length,
+                      onClick: toggleSpeakerTest
+                    }, toDisplayString(speakerTesting.value ? "停止检测" : "检测扬声器"), 9, _hoisted_15)
+                  ]),
+                  createElementVNode("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_17, [
+                      _cache[7] || (_cache[7] = createElementVNode("span", null, "输出等级", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_16, [
-                      createElementVNode("div", _hoisted_17, [
-                        _cache[7] || (_cache[7] = createElementVNode("span", null, "输出等级", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_18, [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
-                          return createElementVNode("div", {
-                            key: i2,
-                            class: normalizeClass(["level-bar", { active: speakerProgress.value > (i2 - 1) * (100 / 14) }])
-                          }, null, 2);
-                        }), 64))
-                      ])
+                    createElementVNode("div", _hoisted_18, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
+                        return createElementVNode("div", {
+                          key: i2,
+                          class: normalizeClass(["level-bar", { active: speakerProgress.value > (i2 - 1) * (100 / 14) }])
+                        }, null, 2);
+                      }), 64))
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_19, [
+                    createElementVNode("div", _hoisted_20, [
+                      _cache[8] || (_cache[8] = createElementVNode("span", null, "音量", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_19, [
-                      createElementVNode("div", _hoisted_20, [
-                        _cache[8] || (_cache[8] = createElementVNode("span", null, "音量", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_21, [
-                        withDirectives(createElementVNode("input", {
-                          type: "range",
-                          min: "0",
-                          max: "100",
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => speakerVolume.value = $event),
-                          class: "volume-slider",
-                          style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${speakerVolume.value}%, rgba(255, 255, 255, 0.08) ${speakerVolume.value}%)`)
-                        }, null, 4), [
-                          [vModelText, speakerVolume.value]
-                        ])
+                    createElementVNode("div", _hoisted_21, [
+                      withDirectives(createElementVNode("input", {
+                        type: "range",
+                        min: "0",
+                        max: "100",
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => speakerVolume.value = $event),
+                        class: "volume-slider",
+                        style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${speakerVolume.value}%, rgba(255, 255, 255, 0.08) ${speakerVolume.value}%)`)
+                      }, null, 4), [
+                        [vModelText, speakerVolume.value]
                       ])
                     ])
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_22, [
+                  _cache[12] || (_cache[12] = createElementVNode("div", { class: "audio-section-title" }, "麦克风", -1)),
+                  createElementVNode("div", _hoisted_23, [
+                    createVNode(JsSelect, {
+                      modelValue: selectedMicrophoneId.value,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedMicrophoneId.value = $event),
+                      options: microPhones.value,
+                      "label-key": "label",
+                      "value-key": "deviceId",
+                      class: "device-select flex-1"
+                    }, null, 8, ["modelValue", "options"]),
+                    createElementVNode("button", {
+                      class: "action-btn-outline",
+                      disabled: !microPhones.value.length,
+                      onClick: toggleMicrophoneTest
+                    }, toDisplayString(microphoneTesting.value ? "停止检测" : "检测麦克风"), 9, _hoisted_24)
                   ]),
-                  createElementVNode("div", _hoisted_22, [
-                    _cache[12] || (_cache[12] = createElementVNode("div", { class: "audio-section-title" }, "麦克风", -1)),
-                    createElementVNode("div", _hoisted_23, [
-                      createVNode(JsSelect, {
-                        modelValue: selectedMicrophoneId.value,
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedMicrophoneId.value = $event),
-                        options: microPhones.value,
-                        "label-key": "label",
-                        "value-key": "deviceId",
-                        class: "device-select flex-1"
-                      }, null, 8, ["modelValue", "options"]),
-                      createElementVNode("button", {
-                        class: "action-btn-outline",
-                        disabled: !microPhones.value.length,
-                        onClick: toggleMicrophoneTest
-                      }, toDisplayString(microphoneTesting.value ? "停止检测" : "检测麦克风"), 9, _hoisted_24)
+                  createElementVNode("div", _hoisted_25, [
+                    createElementVNode("div", _hoisted_26, [
+                      _cache[10] || (_cache[10] = createElementVNode("span", null, "输入等级", -1)),
+                      createVNode(SvgIcon, {
+                        name: "MicrophoneIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_25, [
-                      createElementVNode("div", _hoisted_26, [
-                        _cache[10] || (_cache[10] = createElementVNode("span", null, "输入等级", -1)),
-                        createVNode(SvgIcon, {
-                          name: "MicrophoneIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_27, [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
-                          return createElementVNode("div", {
-                            key: i2,
-                            class: normalizeClass(["level-bar", { active: microphoneLevel.value > (i2 - 1) * (100 / 14) }])
-                          }, null, 2);
-                        }), 64))
-                      ])
+                    createElementVNode("div", _hoisted_27, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
+                        return createElementVNode("div", {
+                          key: i2,
+                          class: normalizeClass(["level-bar", { active: microphoneLevel.value > (i2 - 1) * (100 / 14) }])
+                        }, null, 2);
+                      }), 64))
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_28, [
+                    createElementVNode("div", _hoisted_29, [
+                      _cache[11] || (_cache[11] = createElementVNode("span", null, "音量", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_28, [
-                      createElementVNode("div", _hoisted_29, [
-                        _cache[11] || (_cache[11] = createElementVNode("span", null, "音量", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_30, [
-                        withDirectives(createElementVNode("input", {
-                          type: "range",
-                          min: "0",
-                          max: "100",
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
-                          class: "volume-slider",
-                          style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${microphoneVolume.value}%, rgba(255, 255, 255, 0.08) ${microphoneVolume.value}%)`)
-                        }, null, 4), [
-                          [vModelText, microphoneVolume.value]
-                        ])
+                    createElementVNode("div", _hoisted_30, [
+                      withDirectives(createElementVNode("input", {
+                        type: "range",
+                        min: "0",
+                        max: "100",
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
+                        class: "volume-slider",
+                        style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${microphoneVolume.value}%, rgba(255, 255, 255, 0.08) ${microphoneVolume.value}%)`)
+                      }, null, 4), [
+                        [vModelText, microphoneVolume.value]
                       ])
                     ])
                   ])
-                ]))
-              ])
+                ])
+              ]))
             ])
-          ])), [
-            [_directive_draggable, { handle: ".header" }]
           ])
-        ], 2)) : createCommentVNode("", true)
-      ]);
+        ])), [
+          [_directive_draggable, { handle: ".header" }]
+        ])
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44d3edad"]]);
+const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e538b058"]]);
 function scheduleJoinRoom() {
   setTimeout(() => {
     try {