call-live-sdk1 0.0.10 → 0.0.11

package/dist/call-live-sdk.es.js

@@ -24315,7 +24315,7 @@ const ConfirmDialogWrapper = (props) => {
     getContainer: mergedGetContainer
   }));
 };
-function confirm$1(config2) {
+function confirm(config2) {
   const global2 = globalConfig();
   const container = document.createDocumentFragment();
   let currentConfig = Object.assign(Object.assign({}, config2), {
@@ -25838,23 +25838,23 @@ const PurePanel$b = (props) => {
 };
 const PurePanel$c = withPureRenderTheme(PurePanel$b);
 function modalWarn(props) {
-  return confirm$1(withWarn(props));
+  return confirm(withWarn(props));
 }
 const Modal = Modal$1;
 Modal.useModal = useModal;
 Modal.info = function infoFn(props) {
-  return confirm$1(withInfo(props));
+  return confirm(withInfo(props));
 };
 Modal.success = function successFn(props) {
-  return confirm$1(withSuccess(props));
+  return confirm(withSuccess(props));
 };
 Modal.error = function errorFn(props) {
-  return confirm$1(withError(props));
+  return confirm(withError(props));
 };
 Modal.warning = modalWarn;
 Modal.warn = modalWarn;
 Modal.confirm = function confirmFn(props) {
-  return confirm$1(withConfirm(props));
+  return confirm(withConfirm(props));
 };
 Modal.destroyAll = function destroyAllFn() {
   while (destroyFns.length) {
@@ -85569,9 +85569,6 @@ const tagList = [/* @__PURE__ */ jsxRuntimeExports.jsx(Tag, {
 }, 2), /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, {
   children: "已结束"
 }, 3)];
-const {
-  confirm
-} = Modal;
 const Head = ({
   canvasSetting,
   setCanvasSetting,
@@ -85581,6 +85578,7 @@ const Head = ({
   audioContextRef,
   audioDestinationRef
 }) => {
+  const [modal, contextHolder] = useModal();
   const {
     data: data2,
     run: run2,
@@ -86130,7 +86128,7 @@ const Head = ({
                   disabled: isLive,
                   className: "antSelectSelectionItemColor",
                   onChange: (e3) => {
-                    confirm({
+                    modal.confirm({
                       title: "切换画布设置后，当前画布上的内容和所有数据将被清除，是否确定切换？",
                       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {}),
                       okText: "确定",
@@ -86188,7 +86186,7 @@ const Head = ({
         loading: rtmpLoading,
         danger: true,
         onClick: () => {
-          confirm({
+          modal.confirm({
             title: "结束直播",
             content: "您即将结束直播并停止推流，是否确认。",
             icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {}),
@@ -86203,7 +86201,7 @@ const Head = ({
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
         type: "primary",
         onClick: () => {
-          confirm({
+          modal.confirm({
             title: "开始直播",
             content: "是否确认开始直播，检查麦克风和摄像头状态正常，保证网络稳定。",
             icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {}),
@@ -86261,7 +86259,7 @@ const Head = ({
           children: "当前活动已在其他设备推流中，无法打开当前网页开播设置！"
         })]
       })
-    })]
+    }), contextHolder]
   });
 };
 const Head$1 = React$2.memo(Head, (prevProps, nextProps) => {
@@ -289451,7 +289449,7 @@ const ChatComponent = () => {
     if (res.success) {
       setLoading(false);
       setCurrent(res.data.pagination.current);
-      setInteractionList(res.data.list);
+      setInteractionList((prevList) => [...prevList, ...res.data.list]);
       if (res.data.list.length < 10 || res.data.list.length === res.data.pagination.total || res.data.list.length + interactionList.length >= res.data.pagination.total) {
         setFinished(true);
       }
@@ -294324,9 +294322,9 @@ const UserVideoContainer = reactExports.memo(({
       minHeight: "120px"
     },
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: " h-full relative",
+      className: "w-full h-full relative",
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        className: " h-full bg-gray-800 flex items-center justify-center",
+        className: "w-full h-full bg-gray-800 flex items-center justify-center",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: "h-full text-gray-400 text-sm",
           id: videoId
@@ -294644,16 +294642,16 @@ const VideoSwipeContainer = reactExports.memo(
       "div",
       {
         ref: containerRef,
-        className: `relative  h-full overflow-hidden ${className}`,
+        className: `relative w-full h-full overflow-hidden ${className}`,
         style: { touchAction: "none" },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: "flex  h-full transition-transform duration-300 ease-out",
+              className: "flex w-full h-full transition-transform duration-300 ease-out",
               style: slideContainerStyle,
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: " h-full flex-shrink-0 relative", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full h-full flex-shrink-0 relative", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: " h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserVideoContainer, { user: mainVideoUser, isSelected: true, videoId: mainVideoId }) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-4 right-4 w-24 h-32 rounded-lg overflow-hidden shadow-lg border-2 border-white/20 z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     UserVideoContainer,
@@ -294665,7 +294663,7 @@ const VideoSwipeContainer = reactExports.memo(
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: " h-full flex-shrink-0 overflow-hidden flex items-center justify-center relative", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full flex-shrink-0 overflow-hidden flex items-center justify-center relative", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
                     className: "w-full",
@@ -295238,294 +295236,301 @@ const LiveDetection = ({
   }, [step2]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: " h-full bg-#818384 flex items-center justify-center",
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: "w-720px h-600px flex items-center justify-between flex-col bg-#fff rounded p-7.5 gap-10",
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        className: "w-full flex justify-between h-10",
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          className: "text-18px",
-          children: "直播设备检测"
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          className: "cursor-pointer text-16px",
-          onClick: () => setShowHome(true),
-          children: "跳过检测"
-        })]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        className: " flex-1 px-20",
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider$1, {
+      theme: {
+        token: {
+          colorPrimary: "#6672fc"
+        }
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: "w-720px h-600px flex items-center justify-between flex-col bg-#fff rounded p-7.5 gap-10",
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          className: "mb-10",
+          className: "w-full flex justify-between h-10",
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            className: "text-18px",
+            children: "直播设备检测"
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            className: "cursor-pointer text-16px",
+            onClick: () => setShowHome(true),
+            children: "跳过检测"
+          })]
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+          className: " flex-1 px-20",
           children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: " flex justify-between items-center text-14px",
+            className: "mb-10",
             children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-              className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center relative",
-              style: {
-                lineHeight: 1
-              },
-              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("svg", {
-                className: "icon",
-                viewBox: "0 0 1024 1024",
-                version: "1.1",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "34",
-                height: "34",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", {
-                  d: "M544 896h127.936a31.968 31.968 0 1 1 0 64H352.064a31.968 31.968 0 1 1 0-64H480V766.56C300.576 750.4 160 599.616 160 416c0-194.4 157.6-352 352-352s352 157.6 352 352c0 183.616-140.576 334.4-320 350.56V896z m-32-192a288 288 0 1 0 0-576 288 288 0 0 0 0 576z m0-96a192 192 0 1 1 0-384 192 192 0 0 1 0 384z m0-64a128 128 0 1 0 0-256 128 128 0 0 0 0 256z",
-                  fill: "#000000",
-                  "p-id": "8460"
+              className: " flex justify-between items-center text-14px",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+                className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center relative",
+                style: {
+                  lineHeight: 1
+                },
+                children: [/* @__PURE__ */ jsxRuntimeExports.jsx("svg", {
+                  className: "icon",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "34",
+                  height: "34",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", {
+                    d: "M544 896h127.936a31.968 31.968 0 1 1 0 64H352.064a31.968 31.968 0 1 1 0-64H480V766.56C300.576 750.4 160 599.616 160 416c0-194.4 157.6-352 352-352s352 157.6 352 352c0 183.616-140.576 334.4-320 350.56V896z m-32-192a288 288 0 1 0 0-576 288 288 0 0 0 0 576z m0-96a192 192 0 1 1 0-384 192 192 0 0 1 0 384z m0-64a128 128 0 1 0 0-256 128 128 0 0 0 0 256z",
+                    fill: "#000000",
+                    "p-id": "8460"
+                  })
+                }), deviceState.camera === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {
+                  className: "absolute text-#ff4d4f bottom-15px right-15px text-19px"
+                }), deviceState.camera === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {
+                  className: "absolute text-#52c41a bottom-15px right-15px text-19px"
+                })]
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: "w-94px h-1 bg-#eee"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+                className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center relative",
+                style: {
+                  lineHeight: 1
+                },
+                children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1h, {
+                  className: `text-30px ${step2 >= 1 ? "text-#000" : "text-#ccc"}`
+                }), deviceState.microphone === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {
+                  className: "absolute text-#ff4d4f bottom-15px right-15px text-19px"
+                }), deviceState.microphone === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {
+                  className: "absolute text-#52c41a bottom-15px right-15px text-19px"
+                })]
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: "w-94px h-1 bg-#eee"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center",
+                style: {
+                  lineHeight: 1
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {
+                  className: `text-30px ${step2 >= 2 ? "text-#000" : "text-#ccc"}`
                 })
-              }), deviceState.camera === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {
-                className: "absolute text-#ff4d4f bottom-15px right-15px text-19px"
-              }), deviceState.camera === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {
-                className: "absolute text-#52c41a bottom-15px right-15px text-19px"
               })]
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "w-94px h-1 bg-#eee"
             }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-              className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center relative",
-              style: {
-                lineHeight: 1
-              },
-              children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1h, {
-                className: `text-30px ${step2 >= 1 ? "text-#000" : "text-#ccc"}`
-              }), deviceState.microphone === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1r, {
-                className: "absolute text-#ff4d4f bottom-15px right-15px text-19px"
-              }), deviceState.microphone === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {
-                className: "absolute text-#52c41a bottom-15px right-15px text-19px"
+              className: " flex justify-between items-center mt-4 text-14px text-#000",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: "w-20 flex items-center justify-center",
+                style: {
+                  lineHeight: 1
+                },
+                children: "摄像头"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: `w-20 flex items-center justify-center ${step2 >= 1 ? "" : "text-#ccc"}`,
+                style: {
+                  lineHeight: 1
+                },
+                children: "麦克风"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: `w-20 flex items-center justify-center ${step2 >= 2 ? "" : "text-#ccc"}`,
+                style: {
+                  lineHeight: 1
+                },
+                children: "检测结果"
               })]
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "w-94px h-1 bg-#eee"
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "w-20 h-20 border border-#dfe1e5 border-solid rounded-full flex items-center justify-center",
-              style: {
-                lineHeight: 1
+            })]
+          }), step2 === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
+              label: "选择摄像头",
+              labelCol: {
+                span: 4
               },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {
-                className: `text-30px ${step2 >= 2 ? "text-#000" : "text-#ccc"}`
+              colon: false,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select$1, {
+                onChange: async (deviceId) => {
+                  await previewCamera(deviceId);
+                },
+                placeholder: "请选择摄像头",
+                options: videoDevices
+              })
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
+              label: " ",
+              labelCol: {
+                span: 4
+              },
+              colon: false,
+              wrapperCol: {
+                span: 20
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("video", {
+                id: "previewCameraVideo",
+                className: "w-180px aspect-video block bg-black",
+                controls: false
               })
             })]
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: " flex justify-between items-center mt-4 text-14px text-#000",
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "w-20 flex items-center justify-center",
-              style: {
-                lineHeight: 1
+          }), step2 === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
+              label: "选择麦克风",
+              labelCol: {
+                span: 4
               },
-              children: "摄像头"
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: `w-20 flex items-center justify-center ${step2 >= 1 ? "" : "text-#ccc"}`,
-              style: {
-                lineHeight: 1
+              colon: false,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select$1, {
+                onChange: async (deviceId) => {
+                  await previewMicrophone(deviceId);
+                },
+                placeholder: "请选择麦克风",
+                options: audioDevices
+              })
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
+              label: " ",
+              labelCol: {
+                span: 4
               },
-              children: "麦克风"
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: `w-20 flex items-center justify-center ${step2 >= 2 ? "" : "text-#ccc"}`,
-              style: {
-                lineHeight: 1
+              colon: false,
+              wrapperCol: {
+                span: 20
               },
-              children: "检测结果"
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+                className: " h-100px flex flex-col",
+                children: [/* @__PURE__ */ jsxRuntimeExports.jsx("canvas", {
+                  id: "volume-canvas",
+                  width: "400",
+                  height: "200",
+                  className: " h-80px"
+                }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                  className: "h-20px",
+                  style: {
+                    lineHeight: "20px"
+                  },
+                  children: "发声后能否看到音量条波动？"
+                })]
+              })
             })]
-          })]
-        }), step2 === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
-            label: "选择摄像头",
-            labelCol: {
-              span: 4
-            },
-            colon: false,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select$1, {
-              onChange: async (deviceId) => {
-                await previewCamera(deviceId);
+          }), step2 === 0 || step2 === 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
+              label: " ",
+              labelCol: {
+                span: 4
               },
-              placeholder: "请选择摄像头",
-              options: videoDevices
-            })
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
-            label: " ",
-            labelCol: {
-              span: 4
-            },
-            colon: false,
-            wrapperCol: {
-              span: 20
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("video", {
-              id: "previewCameraVideo",
-              className: "w-180px aspect-video block bg-black",
-              controls: false
-            })
-          })]
-        }), step2 === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
-            label: "选择麦克风",
-            labelCol: {
-              span: 4
-            },
-            colon: false,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select$1, {
-              onChange: async (deviceId) => {
-                await previewMicrophone(deviceId);
+              colon: false,
+              wrapperCol: {
+                span: 20
               },
-              placeholder: "请选择麦克风",
-              options: audioDevices
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: "text-14px text-#949494 w-full",
+                children: "提示：如果是第一次检测，请打开浏览器访问摄像头和麦克风权限；请确保当前链接安全协议为https"
+              })
             })
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
-            label: " ",
-            labelCol: {
-              span: 4
-            },
-            colon: false,
-            wrapperCol: {
-              span: 20
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-              className: " h-100px flex flex-col",
-              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("canvas", {
-                id: "volume-canvas",
-                width: "400",
-                height: "200",
-                className: " h-80px"
-              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-                className: "h-20px",
-                style: {
-                  lineHeight: "20px"
-                },
-                children: "发声后能否看到音量条波动？"
+          }) : null, step2 === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+            className: " h-200px flex items-center justify-center flex-col bg-#f5f5f5 text-14px gap-4",
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+              className: "w-250px h-20px flex items-center justify-between",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                children: "摄像头"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+                children: [deviceState.camera === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  className: "text-#ff0000",
+                  children: "异常"
+                }), deviceState.camera === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  children: "正常"
+                })]
               })]
-            })
-          })]
-        }), step2 === 0 || step2 === 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form2.Item, {
-            label: " ",
-            labelCol: {
-              span: 4
-            },
-            colon: false,
-            wrapperCol: {
-              span: 20
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "text-14px text-#949494 w-full",
-              children: "提示：如果是第一次检测，请打开浏览器访问摄像头和麦克风权限；请确保当前链接安全协议为https"
-            })
-          })
-        }) : null, step2 === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          className: " h-200px flex items-center justify-center flex-col bg-#f5f5f5 text-14px gap-4",
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: "w-250px h-20px flex items-center justify-between",
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: "摄像头"
             }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-              children: [deviceState.camera === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                className: "text-#ff0000",
-                children: "异常"
-              }), deviceState.camera === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                children: "正常"
+              className: "w-250px h-20px flex items-center justify-between",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                children: "麦克风"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+                children: [deviceState.microphone === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  className: "text-#ff0000",
+                  children: "异常"
+                }), deviceState.microphone === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  children: "正常"
+                })]
               })]
-            })]
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: "w-250px h-20px flex items-center justify-between",
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: "麦克风"
             }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-              children: [deviceState.microphone === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                className: "text-#ff0000",
-                children: "异常"
-              }), deviceState.microphone === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                children: "正常"
+              className: "w-250px h-20px flex items-center justify-between",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                children: "网速"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                children: deviceState.onLine ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  children: "正常"
+                }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  className: "text-#ff0000",
+                  children: "异常"
+                })
               })]
-            })]
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: "w-250px h-20px flex items-center justify-between",
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: "网速"
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: deviceState.onLine ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+              className: "w-250px h-20px flex items-center justify-between",
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                children: "浏览器"
+              }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                 children: "正常"
-              }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                className: "text-#ff0000",
-                children: "异常"
-              })
-            })]
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: "w-250px h-20px flex items-center justify-between",
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: "浏览器"
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              children: "正常"
+              })]
             })]
           })]
-        })]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        className: " flex items-center gap-3 justify-center",
-        children: [step2 === 0 || step2 === 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
-            onClick: () => {
-              if (step2 === 0) {
-                setDeviceState((old) => {
-                  return {
-                    ...old,
-                    camera: 0
-                  };
-                });
-              }
-              if (step2 === 1) {
-                setDeviceState((old) => {
-                  return {
-                    ...old,
-                    microphone: 0
-                  };
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+          className: " flex items-center gap-3 justify-center",
+          children: [step2 === 0 || step2 === 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
+              onClick: () => {
+                if (step2 === 0) {
+                  setDeviceState((old) => {
+                    return {
+                      ...old,
+                      camera: 0
+                    };
+                  });
+                }
+                if (step2 === 1) {
+                  setDeviceState((old) => {
+                    return {
+                      ...old,
+                      microphone: 0
+                    };
+                  });
+                }
+                setStep((old) => {
+                  return old + 1;
                 });
-              }
-              setStep((old) => {
-                return old + 1;
-              });
-            },
-            children: "看不到"
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
-            type: "primary",
-            onClick: () => {
-              if (step2 === 0) {
-                setDeviceState((old) => {
-                  return {
-                    ...old,
-                    camera: 1
-                  };
+              },
+              children: "看不到"
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
+              type: "primary",
+              onClick: () => {
+                if (step2 === 0) {
+                  setDeviceState((old) => {
+                    return {
+                      ...old,
+                      camera: 1
+                    };
+                  });
+                }
+                if (step2 === 1) {
+                  setDeviceState((old) => {
+                    return {
+                      ...old,
+                      microphone: 1
+                    };
+                  });
+                }
+                setStep((old) => {
+                  return old + 1;
                 });
-              }
-              if (step2 === 1) {
+              },
+              children: "可以看到"
+            })]
+          }) : null, step2 === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
+              onClick: () => {
+                setStep(0);
                 setDeviceState((old) => {
                   return {
                     ...old,
-                    microphone: 1
+                    camera: null,
+                    microphone: null
                   };
                 });
-              }
-              setStep((old) => {
-                return old + 1;
-              });
-            },
-            children: "可以看到"
-          })]
-        }) : null, step2 === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
-            onClick: () => {
-              setStep(0);
-              setDeviceState((old) => {
-                return {
-                  ...old,
-                  camera: null,
-                  microphone: null
-                };
-              });
-            },
-            children: "重新检测"
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
-            type: "primary",
-            onClick: () => setShowHome(true),
-            children: "去直播"
+              },
+              children: "重新检测"
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, {
+              type: "primary",
+              onClick: () => setShowHome(true),
+              children: "去直播"
+            })]
           })]
         })]
-      })]
+      })
     })
   });
 };