jssz-meeting-component 1.2.14 → 1.3.1

package/dist/index.esm.js

@@ -176,10 +176,7 @@ const _sfc_main$1c = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "fade",
-        to: "body"
-      }, {
+      return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => [
           __props.visible ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -220,12 +217,12 @@ const _sfc_main$1c = {
     };
   }
 };
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-ba22629b"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-7f7409c4"]]);
 function createDirective(globalOptions = {}) {
   function createInstance2(el2, binding) {
     const fullscreen = el2 === document.body;
     const textColor = globalOptions.textColor || "#409eff";
-    const zIndex = globalOptions.zIndex || 2e3;
+    const zIndex = globalOptions.zIndex || 1e5;
     const props = reactive({
       visible: binding.value,
       fullscreen,
@@ -289,7 +286,7 @@ function createService(globalOptions = {}) {
       target: target2 = document.body,
       // background = globalOptions.background || 'rgba(255,255,255,0.7)',
       textColor = globalOptions.textColor || "#409eff",
-      zIndex = globalOptions.zIndex || 2e3
+      zIndex = globalOptions.zIndex || 1e5
     } = options;
     const props = reactive({
       visible: true,
@@ -37715,78 +37712,6 @@ function markNetworkDisconnected() {
   );
   handleLevelNotification("lost");
 }
-const runtimeLoaders = /* @__PURE__ */ new Map();
-function loadRnnoiseRuntime(basePath) {
-  if (window.RNNoiseNode) {
-    return Promise.resolve();
-  }
-  const url = `${basePath}rnnoise-runtime.js`;
-  let loader = runtimeLoaders.get(url);
-  if (loader) {
-    return loader;
-  }
-  loader = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    script.src = url;
-    script.onload = () => resolve();
-    script.onerror = () => reject(new Error(`加载 rnnoise-runtime.js 失败: ${url}`));
-    document.head.appendChild(script);
-  });
-  runtimeLoaders.set(url, loader);
-  return loader;
-}
-class RnnoiseProcessor {
-  constructor(options = {}) {
-    this.name = "rnnoise";
-    this.ownContext = false;
-    this.basePath = options.basePath ?? "/";
-  }
-  async init(options) {
-    if (options.kind !== Bn.Audio) {
-      throw new Error("RnnoiseProcessor 仅支持音频轨道");
-    }
-    await loadRnnoiseRuntime(this.basePath);
-    if (options.audioContext) {
-      this.audioContext = options.audioContext;
-      this.ownContext = false;
-    } else {
-      this.audioContext = new (window.AudioContext || window.webkitAudioContext)({
-        sampleRate: 48e3,
-        latencyHint: "interactive"
-      });
-      this.ownContext = true;
-    }
-    await RNNoiseNode.register(this.audioContext);
-    this.sourceNode = this.audioContext.createMediaStreamSource(new MediaStream([options.track]));
-    this.rnnoiseNode = new RNNoiseNode(this.audioContext);
-    this.destinationNode = this.audioContext.createMediaStreamDestination();
-    this.sourceNode.connect(this.rnnoiseNode);
-    this.rnnoiseNode.connect(this.destinationNode);
-    const tracks = this.destinationNode.stream.getAudioTracks();
-    if (!tracks.length) {
-      throw new Error("RnnoiseProcessor 未产出音频轨道");
-    }
-    this.processedTrack = tracks[0];
-  }
-  async destroy() {
-    var _a25, _b25, _c2, _d;
-    try {
-      (_a25 = this.rnnoiseNode) == null ? void 0 : _a25.update(false);
-    } catch {
-    }
-    (_b25 = this.sourceNode) == null ? void 0 : _b25.disconnect();
-    (_c2 = this.rnnoiseNode) == null ? void 0 : _c2.disconnect();
-    (_d = this.destinationNode) == null ? void 0 : _d.disconnect();
-    if (this.ownContext && this.audioContext && this.audioContext.state !== "closed") {
-      await this.audioContext.close();
-    }
-    this.sourceNode = void 0;
-    this.rnnoiseNode = void 0;
-    this.destinationNode = void 0;
-    this.audioContext = void 0;
-    this.processedTrack = void 0;
-  }
-}
 const alertMsg = "需要浏览器授权麦克风摄像头访问，才能进行音视频通话。请依次点击右上角三个点 > 设置 > 隐私设置和安全性 > 网站设置 > 摄像头或麦克风，把权限更改为 允许 。";
 const deviceInfo = reactive({
   speakers: [],
@@ -38265,7 +38190,6 @@ async function stopAndUnpublishLocalMicTrack() {
   if (!track) return;
   try {
     await srtc.unpublishLocalTrack(track);
-    await track.removeProcessor();
   } catch (_2) {
   }
   try {
@@ -39057,8 +38981,6 @@ function openMic() {
         noiseSuppression: true,
         autoGainControl: true
       });
-      await track.setProcessor(new RnnoiseProcessor({ basePath: "/rnnoise/" }));
-      console.log(11111111111111112e12);
       await srtc.publishLocalTrack(track, {
         priority: "high"
       });
@@ -41118,7 +41040,7 @@ const _hoisted_10$d = {
 const _hoisted_11$c = ["onDblclick"];
 const _hoisted_12$c = ["checked", "disabled", "onChange"];
 const _hoisted_13$a = { class: "card-body" };
-const _hoisted_14$9 = { class: "user" };
+const _hoisted_14$a = { class: "user" };
 const _hoisted_15$8 = { class: "avatar large" };
 const _hoisted_16$7 = { class: "meta" };
 const _hoisted_17$6 = { class: "user-name" };
@@ -41370,7 +41292,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               (openBlock(), createElementBlock(Fragment, null, renderList(12, (n2) => {
                 return createElementVNode("div", {
                   key: n2,
-                  class: "skeleton"
+                  class: "skeleton-con"
                 }, [
                   createVNode(Skeleton)
                 ]);
@@ -41390,7 +41312,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                     onChange: ($event) => toggleUser(user)
                   }, null, 40, _hoisted_12$c),
                   createElementVNode("div", _hoisted_13$a, [
-                    createElementVNode("div", _hoisted_14$9, [
+                    createElementVNode("div", _hoisted_14$a, [
                       createElementVNode("div", _hoisted_15$8, toDisplayString((user.name || "").charAt(0)), 1),
                       createElementVNode("div", _hoisted_16$7, [
                         createElementVNode("div", _hoisted_17$6, toDisplayString(user.name) + "（" + toDisplayString(user.shortNumber) + "） ", 1),
@@ -41477,7 +41399,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-9cf6c83a"]]);
+const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0d2f3a42"]]);
 var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["microphoneClick"] = "microphoneClick";
   RoomModalSelectType2["cameraClick"] = "cameraClick";
@@ -41649,7 +41571,7 @@ const _hoisted_11$b = {
 };
 const _hoisted_12$b = { class: "section-title" };
 const _hoisted_13$9 = ["onClick"];
-const _hoisted_14$8 = { class: "label" };
+const _hoisted_14$9 = { class: "label" };
 const _hoisted_15$7 = {
   key: 0,
   class: "empty-device"
@@ -41687,7 +41609,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (id !== deviceInfo.microPhoneId) {
         try {
           await switchMicrophone(id);
-          deviceInfo.microPhoneId = id;
         } catch (error) {
           console.error("切换麦克风失败:", error);
           alert(
@@ -41700,7 +41621,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (id !== deviceInfo.cameraId) {
         try {
           await switchCamera(id);
-          deviceInfo.cameraId = id;
           emit("close");
         } catch (error) {
           console.error("切换摄像头失败:", error);
@@ -41780,7 +41700,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               createElementVNode("span", {
                 class: normalizeClass(["check", { show: cam.deviceId === cameraId.value }])
               }, "✓", 2),
-              createElementVNode("span", _hoisted_14$8, toDisplayString(formatDeviceLabel(cam.label)), 1)
+              createElementVNode("span", _hoisted_14$9, toDisplayString(formatDeviceLabel(cam.label)), 1)
             ], 8, _hoisted_13$9);
           }), 128)),
           !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_15$7, " 暂无摄像头，请检查电脑设备 ")) : createCommentVNode("", true)
@@ -41789,7 +41709,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ced67da8"]]);
+const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-30a7a3c3"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$l = {
   class: "signal-bars",
@@ -41812,7 +41732,7 @@ const _hoisted_10$b = { class: "popup-grid" };
 const _hoisted_11$a = { class: "popup-item-label" };
 const _hoisted_12$a = { class: "popup-item-value" };
 const _hoisted_13$8 = { class: "popup-section" };
-const _hoisted_14$7 = { class: "popup-grid" };
+const _hoisted_14$8 = { class: "popup-grid" };
 const _hoisted_15$6 = { class: "popup-item-label" };
 const _hoisted_16$6 = { class: "popup-item-value" };
 const _hoisted_17$5 = { class: "popup-header" };
@@ -42203,7 +42123,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 ]),
                 createElementVNode("div", _hoisted_13$8, [
                   _cache[6] || (_cache[6] = createElementVNode("div", { class: "popup-section-title" }, "网络指标", -1)),
-                  createElementVNode("div", _hoisted_14$7, [
+                  createElementVNode("div", _hoisted_14$8, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(overviewItems.value, (item) => {
                       return openBlock(), createElementBlock("div", {
                         key: item.label,
@@ -42345,7 +42265,7 @@ const _hoisted_10$a = { class: "status-right" };
 const _hoisted_11$9 = ["onClick"];
 const _hoisted_12$9 = { class: "video-wrapper" };
 const _hoisted_13$7 = ["id"];
-const _hoisted_14$6 = { class: "avatar-container" };
+const _hoisted_14$7 = { class: "avatar-container" };
 const _hoisted_15$5 = { class: "avatar" };
 const _hoisted_16$5 = { class: "video-loading-overlay" };
 const _hoisted_17$4 = { class: "video-loading-text" };
@@ -42773,7 +42693,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     }, null, 8, _hoisted_13$7), [
                       [vShow, (user == null ? void 0 : user.cameraStatus) === "1"]
                     ]),
-                    withDirectives(createElementVNode("div", _hoisted_14$6, [
+                    withDirectives(createElementVNode("div", _hoisted_14$7, [
                       createElementVNode("div", _hoisted_15$5, toDisplayString(unref(getUserAvatar)(user)), 1)
                     ], 512), [
                       [vShow, (user == null ? void 0 : user.cameraStatus) !== "1"]
@@ -43936,7 +43856,7 @@ const _hoisted_10$8 = { key: 1 };
 const _hoisted_11$7 = { class: "js-member-actions" };
 const _hoisted_12$7 = ["onClick"];
 const _hoisted_13$6 = ["onClick"];
-const _hoisted_14$5 = ["onClick"];
+const _hoisted_14$6 = ["onClick"];
 const _hoisted_15$4 = ["id"];
 const _hoisted_16$4 = ["onClick"];
 const _hoisted_17$3 = ["onClick"];
@@ -44229,7 +44149,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => kickOut(member.member.memberId)
                         }, " 移出会议 ", 8, _hoisted_17$3)
                       ], 10, _hoisted_15$4)) : createCommentVNode("", true)
-                    ], 8, _hoisted_14$5)) : createCommentVNode("", true)
+                    ], 8, _hoisted_14$6)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     member.roleType !== "5" ? (openBlock(), createBlock(SvgIcon, {
                       key: 0,
@@ -44298,7 +44218,7 @@ const _hoisted_10$7 = {
 const _hoisted_11$6 = { class: "chat-input-toolbar" };
 const _hoisted_12$6 = { class: "image-upload-wrapper" };
 const _hoisted_13$5 = { class: "emoji-picker-popup-global" };
-const _hoisted_14$4 = ["onClick"];
+const _hoisted_14$5 = ["onClick"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Chat",
   setup(__props) {
@@ -44839,7 +44759,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   key: emoji,
                   class: "emoji-item",
                   onClick: ($event) => selectEmoji(emoji)
-                }, toDisplayString(emoji), 9, _hoisted_14$4);
+                }, toDisplayString(emoji), 9, _hoisted_14$5);
               }), 64))
             ])
           ]),
@@ -45432,7 +45352,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const Tree = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b9399b47"]]);
 const _hoisted_1$b = { class: "js-invite-modal-content-left" };
 const _hoisted_2$b = { class: "search" };
-const _hoisted_3$b = { class: "js-tree-container" };
+const _hoisted_3$b = {
+  class: "js-tree-container",
+  "loading-text": "加载中..."
+};
 const _hoisted_4$9 = {
   key: 0,
   class: "js-empty"
@@ -45446,6 +45369,7 @@ const _hoisted_10$6 = { class: "js-selected-users" };
 const _hoisted_11$5 = { class: "js-selected-item-info" };
 const _hoisted_12$5 = { class: "js-selected-item-avatar" };
 const _hoisted_13$4 = { class: "js-selected-item-name" };
+const _hoisted_14$4 = { class: "js-modal-right-footer" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Invite",
   props: {
@@ -45459,6 +45383,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const themeClass = computed(() => `theme-${props.theme}`);
     const emit = __emit;
     const isVisible = computed(() => props.visible);
+    const loading = ref(false);
     const treeData = ref([]);
     const originalTreeData = ref([]);
     const searchKeyword = ref("");
@@ -45487,6 +45412,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       });
       return users;
     });
+    const canConfirm = computed(() => selectedUsers.value.length > 0);
     const treeProps = {
       children: "children",
       label: "name",
@@ -45543,25 +45469,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emit("update:visible", false);
     };
     async function getAddressBook() {
+      var _a25;
+      loading.value = true;
       try {
-        getMemberTree(props.taskId).then((res) => {
-          if (res.code == 200) {
-            treeData.value = res.data.contacts;
-            originalTreeData.value = JSON.parse(JSON.stringify(treeData.value));
-            nextTick(() => {
-              var _a25;
-              (_a25 = treeRef.value) == null ? void 0 : _a25.expandAll();
-            });
-          } else {
-          }
-        }).catch(() => {
-          treeData.value = [];
-          originalTreeData.value = [];
-        }).finally(() => {
-        });
-      } catch (err) {
+        const res = await getMemberTree(props.taskId);
+        if ((res == null ? void 0 : res.code) == 200) {
+          treeData.value = ((_a25 = res.data) == null ? void 0 : _a25.contacts) ?? [];
+          originalTreeData.value = JSON.parse(JSON.stringify(treeData.value));
+          nextTick(() => {
+            var _a26;
+            (_a26 = treeRef.value) == null ? void 0 : _a26.expandAll();
+          });
+          return;
+        }
         treeData.value = [];
         originalTreeData.value = [];
+      } catch {
+        treeData.value = [];
+        originalTreeData.value = [];
+      } finally {
+        loading.value = false;
       }
     }
     watch(
@@ -45584,6 +45511,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emitter.off("refreshUserList", getAddressBook);
     });
     return (_ctx, _cache) => {
+      const _directive_loding = resolveDirective("loding");
       return isVisible.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["js-invite-modal", themeClass.value])
@@ -45605,14 +45533,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               size: 15
             })
           ]),
-          createElementVNode("div", _hoisted_3$b, [
-            treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_3$b, [
+            !loading.value && treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
               createVNode(SvgIcon, {
                 name: "NoUserIcon",
-                size: 120
+                size: 100
               }),
-              _cache[1] || (_cache[1] = createTextVNode(" 暂无用户 ", -1))
-            ])) : (openBlock(), createBlock(Tree, {
+              _cache[2] || (_cache[2] = createTextVNode(" 暂无用户 ", -1))
+            ])) : !loading.value ? (openBlock(), createBlock(Tree, {
               key: 1,
               ref_key: "treeRef",
               ref: treeRef,
@@ -45620,7 +45548,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               props: treeProps,
               onNodeClick: handleClick,
               onCheckChange: handleCheck
-            }, null, 8, ["data"]))
+            }, null, 8, ["data"])) : createCommentVNode("", true)
+          ])), [
+            [_directive_loding, loading.value]
           ])
         ]),
         createElementVNode("div", _hoisted_5$8, [
@@ -45655,11 +45585,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }), 128))
             ])
           ]),
-          createElementVNode("div", { class: "js-modal-right-footer" }, [
+          createElementVNode("div", _hoisted_14$4, [
             createElementVNode("div", {
-              class: "button button-primary",
-              onClick: handleConfirm
-            }, "确定"),
+              class: normalizeClass(["button button-primary", { disabled: !canConfirm.value }]),
+              onClick: _cache[1] || (_cache[1] = ($event) => canConfirm.value && handleConfirm())
+            }, " 确定 ", 2),
             createElementVNode("div", {
               class: "button button-secondary",
               onClick: handleClose
@@ -45670,7 +45600,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-deceb72d"]]);
+const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-005d905b"]]);
 const _hoisted_1$a = { class: "js-meeting-invite-modal" };
 const _hoisted_2$a = { class: "js-meeting-invite-modal-header" };
 const _hoisted_3$a = { class: "js-meeting-invite-modal-title" };
@@ -46943,7 +46873,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e743e4f6"]]);
+const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-cb010b2e"]]);
 const _hoisted_1$6 = { class: "dialog" };
 const _hoisted_2$6 = { class: "modal-header" };
 const _hoisted_3$6 = { class: "content" };
@@ -47670,7 +47600,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectedSpeakerId = computed({
       get: () => deviceInfo.speakerId,
       set: async (value) => {
-        setPreferredSpeakerDevice(value);
+        await switchSpeaker(value);
         if (speakerTesting.value) {
           await restartSpeakerTest();
         }
@@ -47680,7 +47610,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => deviceInfo.microPhoneId,
       set: async (value) => {
         await switchMicrophone(value);
-        setPreferredMicrophoneDevice(value);
         if (microphoneTesting.value) {
           await restartMicrophoneTest();
         }
@@ -47690,7 +47619,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => deviceInfo.cameraId,
       set: async (value) => {
         await switchCamera(value);
-        setPreferredCameraDevice(value);
         if (visible.value && activeTab.value === "camera") {
           await startCameraPreview();
         }
@@ -48131,7 +48059,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b420aee0"]]);
+const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a4053ae"]]);
 function scheduleJoinRoom() {
   setTimeout(() => {
     try {