优化音视频的样式

src/pages/file/item/fileTranserView.vue

@@ -83,7 +83,7 @@ const updateTasks = () => {
   tasks.value = Array.from(
     fileTransferMgrInstance
       .getAllFileTransfers()
-      .flatMap((transfer) => transfer.getTasks())
+      .flatMap((transfer) => transfer.getTasks()),
   );
   // newTasks.forEach((task) => {
   //   const index = tasks.value.findIndex(
@@ -109,7 +109,7 @@ updateTasks();
   right: 0;
   background: white;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
+  z-index: 10;
 }
 
 .transfer-header {

src/pages/file/utils/peer.ts

@@ -7,7 +7,7 @@ import {
   TransferStatus,
   TransferTask,
 } from "./fileTransfer";
-import { message, Modal, notification } from "ant-design-vue";
+import { message, notification } from "ant-design-vue";
 import {
   randomChars,
   sign2peerid,
@@ -86,7 +86,10 @@ class Peer extends EventTarget {
 
       // 保存 this 引用
       const self = this;
+      let handled = false;
       const onOk = async () => {
+        if (handled) return;
+        handled = true;
         try {
           let stream: MediaStream;
 
@@ -112,6 +115,7 @@ class Peer extends EventTarget {
               {
                 detail: {
                   peerId: call.peer,
+                  role: type === "desktop" ? "sharer" : "caller",
                 },
               },
             ),
@@ -126,20 +130,34 @@ class Peer extends EventTarget {
           message.error("无法访问" + (type === "desktop" ? "屏幕" : "麦克风"));
         }
       };
+      const onReject = () => {
+        if (handled) return;
+        handled = true;
+        call.close();
+        message.info(
+          "已拒绝" + (type === "desktop" ? "屏幕共享" : "语音通话") + "请求",
+        );
+      };
       if (getPermissionSet()[permission]) {
         await onOk();
+      } else if (type === "call") {
+        this.dispatchEvent(
+          new CustomEvent("media-request", {
+            detail: {
+              peerId: call.peer,
+              type,
+              accept: onOk,
+              reject: onReject,
+            },
+          }),
+        );
       } else {
         confirmWin(title, content, "接受", "拒绝")
           .then(async () => {
             await onOk();
           })
           .catch(() => {
-            call.close();
+            onReject();
-            message.info(
-              "已拒绝" +
-                (type === "desktop" ? "屏幕共享" : "语音通话") +
-                "请求",
-            );
           });
       }
     });
@@ -211,6 +229,7 @@ class Peer extends EventTarget {
         new CustomEvent("desktop-started", {
           detail: {
             peerId: call.peer,
+            role: "viewer",
           },
         }),
       );