@myun/gimi-chat 0.0.4 → 0.0.6

package/dist/components/templates/demo/demo.js

@@ -1,110 +1,111 @@
 import GimiChatComponent from "../GimiChatComponent";
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function Demo() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       height: '600px'
-    }
-  }, /*#__PURE__*/React.createElement(GimiChatComponent, {
-    baseUrl: 't-mgateway.gaodunwangxiao.com',
-    businessType: "correction",
-    token: 'eyJhZ2VuY3kiOjk1NTU1LCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJHYW9kdW4iLCJpYXQiOjE3Njg4OTEyMzIsInN1YiI6IjE1Mjg4NzQiLCJpc3MiOiJHYW9kdW4iLCJleHAiOjE3NzE0ODMyMzJ9.6JpEbaJnxMKiER78Ko5irwVpGFfKOP1zxYSUYXPL00Y',
-    platform: "myun",
-    agentId: 79
-    // bussinessParams={
-    //     {
-    //         "ANSWER_ID": 19923,
-    //         "QUESTION_ID": 77595
-    //     }
-    // }
-    // agentDetail={{
-    //     "agentIcon": "https://mstatic.gaodunwangxiao.com/image/2025/09/24/Excel建模-1758706152601.png",
-    //     "agentId": 65,
-    //     "agentIntroduce": "帮你智能搭建财务数据表格信息",
-    //     "agentMode": "workflow",
-    //     "agentName": "智能Excel建模",
-    //     "agentState": 1,
-    //     "agentType": "product",
-    //     "botId": "BOT1757402118115",
-    //     "botInstructionId": 0,
-    //     "characterSetting": null,
-    //     "conversationType": 2,
-    //     "customizeInstructContent": null,
-    //     "defaultPrompt": "我要生成一个{{输入模板名称，如PVM模板}}，用于{{输入使用场景，如分析收入增长主要驱动力}}。关键数据：{{输入数据}}",
-    //     "inputPrompt": "",
-    //     "isCustomizeInstruct": 0,
-    //     "isEnableRelated": 1,
-    //     "isEnableVoiceCall": 0,
-    //     "maxLength": null,
-    //     "modeType": null,
-    //     "openUploadFile": 1,
-    //     "productId": 36842,
-    //     "prologue": "帮你智能搭建财务数据表格信息",
-    //     "questionList": [
-    //         {
-    //             "id": 127,
-    //             "question": "会计是现代社会经济活动开展的重要基础，也是推动国际经贸往来的重要保障"
-    //         },
-    //         {
-    //             "id": 128,
-    //             "question": "全面预算的执行和监控中可以采用什么方式做好业务支持和预算管控？"
-    //         }
-    //     ],
-    //     "showName": "智能Excel建模",
-    //     "showNameStatus": 1,
-    //     "sourceModelId": null,
-    //     "temperature": null,
-    //     "voiceConfigs": [
-    //         {
-    //             "emotions": [
-    //                 {
-    //                     "name": "悲伤",
-    //                     "param": "sad"
-    //                 },
-    //                 {
-    //                     "name": "恐惧",
-    //                     "param": "fear"
-    //                 },
-    //                 {
-    //                     "name": "厌恶",
-    //                     "param": "hate"
-    //                 },
-    //                 {
-    //                     "name": "中性",
-    //                     "param": "neutral"
-    //                 }
-    //             ],
-    //             "gender": "female",
-    //             "isSupportMix": 0,
-    //             "languageCode": "zh-CN",
-    //             "languageId": 1,
-    //             "languageName": "中文",
-    //             "scene": "多情感",
-    //             "toneId": 2,
-    //             "toneName": "甜心小美（多情感）",
-    //             "voiceType": "zh_female_tianxinxiaomei_emo_v2_mars_bigtts"
-    //         }
-    //     ],
-    //     "workflowList": [
-    //         {
-    //             "botFlowId": "MC-2CDBD8AB38B6410A8C14EE503C9ADBCE",
-    //             "workflowId": 315,
-    //             "workflowName": "excel生成926（第3版）"
-    //         }
-    //     ]
-    // }}
-    ,
-    showPrologue: true,
-    model: 'fullscreen'
-    // conversationId={8394}
-    ,
-    chatInputConfig: {
-      enableFileUpload: true,
-      enableVoiceChat: true,
-      enableVoiceRecord: true
     },
-    messageConfig: {
-      enableRegenerate: true
-    }
-  }));
+    children: /*#__PURE__*/_jsx(GimiChatComponent, {
+      baseUrl: 't-mgateway.gaodunwangxiao.com',
+      businessType: "correction",
+      token: 'eyJhZ2VuY3kiOjk1NTU1LCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJHYW9kdW4iLCJpYXQiOjE3Njg4OTEyMzIsInN1YiI6IjE1Mjg4NzQiLCJpc3MiOiJHYW9kdW4iLCJleHAiOjE3NzE0ODMyMzJ9.6JpEbaJnxMKiER78Ko5irwVpGFfKOP1zxYSUYXPL00Y',
+      platform: "myun",
+      agentId: 79
+      // bussinessParams={
+      //     {
+      //         "ANSWER_ID": 19923,
+      //         "QUESTION_ID": 77595
+      //     }
+      // }
+      // agentDetail={{
+      //     "agentIcon": "https://mstatic.gaodunwangxiao.com/image/2025/09/24/Excel建模-1758706152601.png",
+      //     "agentId": 65,
+      //     "agentIntroduce": "帮你智能搭建财务数据表格信息",
+      //     "agentMode": "workflow",
+      //     "agentName": "智能Excel建模",
+      //     "agentState": 1,
+      //     "agentType": "product",
+      //     "botId": "BOT1757402118115",
+      //     "botInstructionId": 0,
+      //     "characterSetting": null,
+      //     "conversationType": 2,
+      //     "customizeInstructContent": null,
+      //     "defaultPrompt": "我要生成一个{{输入模板名称，如PVM模板}}，用于{{输入使用场景，如分析收入增长主要驱动力}}。关键数据：{{输入数据}}",
+      //     "inputPrompt": "",
+      //     "isCustomizeInstruct": 0,
+      //     "isEnableRelated": 1,
+      //     "isEnableVoiceCall": 0,
+      //     "maxLength": null,
+      //     "modeType": null,
+      //     "openUploadFile": 1,
+      //     "productId": 36842,
+      //     "prologue": "帮你智能搭建财务数据表格信息",
+      //     "questionList": [
+      //         {
+      //             "id": 127,
+      //             "question": "会计是现代社会经济活动开展的重要基础，也是推动国际经贸往来的重要保障"
+      //         },
+      //         {
+      //             "id": 128,
+      //             "question": "全面预算的执行和监控中可以采用什么方式做好业务支持和预算管控？"
+      //         }
+      //     ],
+      //     "showName": "智能Excel建模",
+      //     "showNameStatus": 1,
+      //     "sourceModelId": null,
+      //     "temperature": null,
+      //     "voiceConfigs": [
+      //         {
+      //             "emotions": [
+      //                 {
+      //                     "name": "悲伤",
+      //                     "param": "sad"
+      //                 },
+      //                 {
+      //                     "name": "恐惧",
+      //                     "param": "fear"
+      //                 },
+      //                 {
+      //                     "name": "厌恶",
+      //                     "param": "hate"
+      //                 },
+      //                 {
+      //                     "name": "中性",
+      //                     "param": "neutral"
+      //                 }
+      //             ],
+      //             "gender": "female",
+      //             "isSupportMix": 0,
+      //             "languageCode": "zh-CN",
+      //             "languageId": 1,
+      //             "languageName": "中文",
+      //             "scene": "多情感",
+      //             "toneId": 2,
+      //             "toneName": "甜心小美（多情感）",
+      //             "voiceType": "zh_female_tianxinxiaomei_emo_v2_mars_bigtts"
+      //         }
+      //     ],
+      //     "workflowList": [
+      //         {
+      //             "botFlowId": "MC-2CDBD8AB38B6410A8C14EE503C9ADBCE",
+      //             "workflowId": 315,
+      //             "workflowName": "excel生成926（第3版）"
+      //         }
+      //     ]
+      // }}
+      ,
+      showPrologue: true,
+      model: 'fullscreen',
+      conversationId: 8394,
+      chatInputConfig: {
+        enableFileUpload: true,
+        enableVoiceChat: true,
+        enableVoiceRecord: true
+      },
+      messageConfig: {
+        enableRegenerate: true
+      }
+    })
+  });
 }

package/dist/components/templates/index.module.css

@@ -0,0 +1,109 @@
+@charset "UTF-8";
+.main {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  gap: 20px;
+  overflow: hidden;
+  position: relative;
+}
+
+.chat_content {
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  position: relative;
+}
+
+.scroll_wrapper {
+  flex: 1;
+  position: relative;
+  width: 100%;
+  min-height: 0;
+}
+
+.scroll_container {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  width: 100%;
+  position: relative;
+}
+.scroll_container::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.scroll_container::-webkit-scrollbar-thumb {
+  border-radius: 6px;
+  background: transparent;
+}
+.scroll_container::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 6px;
+}
+.scroll_container.scrolling::-webkit-scrollbar-thumb {
+  background: rgba(144, 147, 153, 0.3);
+}
+.scroll_container::-webkit-scrollbar-thumb:hover {
+  background: rgba(144, 147, 153, 0.5);
+}
+
+.backBottomBtn {
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  border-radius: 50%;
+  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 10;
+  transition: all 0.3s;
+  color: #1c1f23;
+}
+.backBottomBtn:hover {
+  background: #f2f3f5;
+}
+
+.content_header {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: #2e394c;
+  line-height: 22px;
+  text-align: center;
+  font-style: normal;
+  position: relative;
+}
+.content_header .content_header_title {
+  width: 340px;
+  height: 100%;
+  line-height: 50px;
+  overflow: hidden;
+  /* 隐藏溢出内容 */
+  white-space: nowrap;
+  /* 强制文本不换行 */
+  text-overflow: ellipsis;
+  /* 超出部分显示省略号 */
+}
+.content_header .text_shanow {
+  z-index: 5;
+  pointer-events: none;
+  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
+  width: 97%;
+  height: 32px;
+  position: absolute;
+  top: 100%;
+  left: 1px;
+}

package/dist/components/upload-list/index.js

@@ -1,8 +1,10 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import reTry from "../../assets/image/retry.png";
 import { FileStatus } from "../../interfaces/fileInterface";
 import { formatSizeToKB } from "../../utils/tools";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var UploadFile = function UploadFile(_ref) {
   var file = _ref.file,
     handleDelFile = _ref.handleDelFile,
@@ -45,46 +47,59 @@ var UploadFile = function UploadFile(_ref) {
 
   var isError = file.status === FileStatus.UPLOAD_FAILED || file.status === FileStatus.ANALYSE_FAILED || file.status === FileStatus.NETWORK_ERROR;
   var isLoading = [FileStatus.PADDING, FileStatus.RETRING, FileStatus.UPLOADING].includes(file.status);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadBox
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadIcon
-  }, /*#__PURE__*/React.createElement("img", {
-    src: fileIcon,
-    alt: "file-icon"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadfileName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.fileName
-  }, fileName)), (fileSize || isError) && /*#__PURE__*/React.createElement("div", {
-    className: styles.sizeText
-  }, fileSize && !isError && /*#__PURE__*/React.createElement("span", {
-    className: styles.size
-  }, fileSize), isError && /*#__PURE__*/React.createElement("span", {
-    className: styles.errorText
-  }, file.status === FileStatus.UPLOAD_FAILED ? '上传失败' : file.status === FileStatus.NETWORK_ERROR ? '网络错误' : '解析失败'))), isLoading && /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadLoading
-  }, /*#__PURE__*/React.createElement("span", null, file.status === FileStatus.PADDING ? '解析中...' : file.status === FileStatus.UPLOADING ? '上传中...' : '重试中...'), /*#__PURE__*/React.createElement("img", {
-    src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/07/0a0fa_20250907093927.gif",
-    alt: "loading"
-  })), isError && /*#__PURE__*/React.createElement("div", {
-    className: styles.uploadError,
-    onClick: handleRetryClick
-  }, "\u91CD\u8BD5", /*#__PURE__*/React.createElement("img", {
-    src: reTry,
-    alt: "",
-    style: {
-      width: 16,
-      height: 16
-    }
-  })), showDel && /*#__PURE__*/React.createElement("div", {
-    className: styles.delIcon,
-    onClick: handleDeleteClick
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/12/6fa3e_20250912145501.png",
-    alt: "delete"
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.uploadBox,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.uploadIcon,
+      children: /*#__PURE__*/_jsx("img", {
+        src: fileIcon,
+        alt: "file-icon"
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.uploadName,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.uploadfileName,
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.fileName,
+          children: fileName
+        })
+      }), (fileSize || isError) && /*#__PURE__*/_jsxs("div", {
+        className: styles.sizeText,
+        children: [fileSize && !isError && /*#__PURE__*/_jsx("span", {
+          className: styles.size,
+          children: fileSize
+        }), isError && /*#__PURE__*/_jsx("span", {
+          className: styles.errorText,
+          children: file.status === FileStatus.UPLOAD_FAILED ? '上传失败' : file.status === FileStatus.NETWORK_ERROR ? '网络错误' : '解析失败'
+        })]
+      })]
+    }), isLoading && /*#__PURE__*/_jsxs("div", {
+      className: styles.uploadLoading,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: file.status === FileStatus.PADDING ? '解析中...' : file.status === FileStatus.UPLOADING ? '上传中...' : '重试中...'
+      }), /*#__PURE__*/_jsx("img", {
+        src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/07/0a0fa_20250907093927.gif",
+        alt: "loading"
+      })]
+    }), isError && /*#__PURE__*/_jsxs("div", {
+      className: styles.uploadError,
+      onClick: handleRetryClick,
+      children: ["\u91CD\u8BD5", /*#__PURE__*/_jsx("img", {
+        src: reTry,
+        alt: "",
+        style: {
+          width: 16,
+          height: 16
+        }
+      })]
+    }), showDel && /*#__PURE__*/_jsx("div", {
+      className: styles.delIcon,
+      onClick: handleDeleteClick,
+      children: /*#__PURE__*/_jsx("img", {
+        src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/12/6fa3e_20250912145501.png",
+        alt: "delete"
+      })
+    })]
+  });
 };
 export default UploadFile;

package/dist/components/upload-list/index.module.css

@@ -0,0 +1,119 @@
+@charset "UTF-8";
+.uploadBox {
+  display: flex;
+  align-items: center;
+  min-width: 228px; /* 最小宽度保证 */
+  max-width: 380px; /* 最大宽度限制 */
+  width: fit-content; /* 自动适应内容宽度 */
+  flex-shrink: 0;
+  border-radius: 12px;
+  background: var(---, #f2f3f7);
+  padding: 14px 16px 14px 12px;
+  margin-bottom: 12px;
+  position: relative;
+}
+
+.uploadIcon img {
+  width: 24px;
+  height: 22px;
+  margin-right: 8px;
+}
+.uploadIcon img img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.uploadName {
+  flex: 1; /* 让文件名占满剩余空间 */
+  color: #2e394c;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  min-width: 0; /* 关键：允许flex子元素缩小到内容尺寸以下 */
+}
+.uploadName .uploadfileName {
+  display: flex;
+  align-items: center;
+  max-width: 100%; /* 限制整个文件名区域宽度 */
+}
+.uploadName .uploadfileName .fileName {
+  /* 动态计算可用宽度，减去扩展名和间距 */
+  flex: 1;
+  min-width: 0; /* 允许文件名进一步缩小 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 4px; /* 与扩展名保持一点距离 */
+}
+.uploadName .uploadfileName .fileExtension {
+  white-space: nowrap; /* 确保扩展名不换行 */
+  color: #717F94; /* 可以给扩展名一个不同的颜色区分 */
+}
+.uploadName .sizeText .size {
+  margin-right: 4px;
+  font-size: 12px; /* 修复之前的语法错误，添加单位px */
+  color: #717F94;
+}
+.uploadName .sizeText .errorText {
+  color: #f33;
+  font-family: "PingFang SC";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.uploadStatus,
+.uploadLoading {
+  display: flex;
+  align-items: center;
+  margin-left: 8px;
+  font-size: 14px;
+  flex-shrink: 0;
+  color: #717F94;
+}
+.uploadStatus img,
+.uploadLoading img {
+  width: 18px;
+  height: 18px;
+  object-fit: cover;
+  margin-left: 5px;
+}
+
+.delIcon {
+  position: absolute;
+  right: -7px;
+  top: -5px;
+  width: 14px;
+  height: 14px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background-color: white;
+}
+.delIcon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.uploadError {
+  cursor: pointer;
+  color: #4086ff;
+  text-align: right;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}

package/dist/components/voice-bars/index.js

@@ -9,6 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function VoiceBars(_ref) {
   var _ref$parentWidth = _ref.parentWidth,
     parentWidth = _ref$parentWidth === void 0 ? undefined : _ref$parentWidth;
@@ -151,24 +152,26 @@ export default function VoiceBars(_ref) {
       }
     };
   }, []);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      height: 40,
-      gap: 6
-    }
-  }, volumes.map(function (h, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: i,
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
       style: {
-        width: 6,
-        height: h,
-        background: '#4f8cff',
-        borderRadius: 4,
-        transition: 'height 0.1s ease-out'
-      }
-    });
-  })));
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 40,
+        gap: 6
+      },
+      children: volumes.map(function (h, i) {
+        return /*#__PURE__*/_jsx("div", {
+          style: {
+            width: 6,
+            height: h,
+            background: '#4f8cff',
+            borderRadius: 4,
+            transition: 'height 0.1s ease-out'
+          }
+        }, i);
+      })
+    })
+  });
 }

package/dist/components/voice-check-dialog/index.js

@@ -12,10 +12,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import classNames from 'classnames';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import NoMicrophoneModalContent from "../no-microphone-root";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setShowMicWarning } from "../../store/slices/gimiMenuSlice";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var VoiceCheckDialog = function VoiceCheckDialog(_ref) {
   var _layout$x, _layout$y;
   var className = _ref.className,
@@ -142,22 +145,26 @@ var VoiceCheckDialog = function VoiceCheckDialog(_ref) {
       showMicWarning: false
     }));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, trigger && /*#__PURE__*/React.createElement("div", {
-    ref: triggerRef,
-    style: {
-      display: 'flex'
-    }
-  }, trigger), showMicWarning && /*#__PURE__*/React.createElement("div", {
-    ref: dialogRef,
-    className: classNames(styles['voice-check-dialog'], className),
-    style: _objectSpread({
-      left: "".concat((_layout$x = layout === null || layout === void 0 ? void 0 : layout.x) !== null && _layout$x !== void 0 ? _layout$x : 0, "px"),
-      top: "".concat((_layout$y = layout === null || layout === void 0 ? void 0 : layout.y) !== null && _layout$y !== void 0 ? _layout$y : 0, "px"),
-      opacity: layout ? 1 : 0,
-      visibility: layout ? 'visible' : 'hidden'
-    }, style)
-  }, /*#__PURE__*/React.createElement(NoMicrophoneModalContent, {
-    onOk: onCancel
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [trigger && /*#__PURE__*/_jsx("div", {
+      ref: triggerRef,
+      style: {
+        display: 'flex'
+      },
+      children: trigger
+    }), showMicWarning && /*#__PURE__*/_jsx("div", {
+      ref: dialogRef,
+      className: classNames(styles['voice-check-dialog'], className),
+      style: _objectSpread({
+        left: "".concat((_layout$x = layout === null || layout === void 0 ? void 0 : layout.x) !== null && _layout$x !== void 0 ? _layout$x : 0, "px"),
+        top: "".concat((_layout$y = layout === null || layout === void 0 ? void 0 : layout.y) !== null && _layout$y !== void 0 ? _layout$y : 0, "px"),
+        opacity: layout ? 1 : 0,
+        visibility: layout ? 'visible' : 'hidden'
+      }, style),
+      children: /*#__PURE__*/_jsx(NoMicrophoneModalContent, {
+        onOk: onCancel
+      })
+    })]
+  });
 };
 export default VoiceCheckDialog;