@myun/gimi-chat 0.0.4 → 0.0.6

package/dist/components/ai-chat-dialogue/index.js

@@ -20,7 +20,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import LottieImg from "../lottie-img";
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import classNames from 'classnames';
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
 import Header from "../header";
@@ -36,7 +36,9 @@ import { createPortal } from 'react-dom';
 import { useDispatch } from 'react-redux';
 
 // 2. 定义组件完整的 Props 接口
-
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var AiExplain = /*#__PURE__*/forwardRef(function (_ref) {
   var paper = _ref.paper,
     setSpeech = _ref.setSpeech,
@@ -105,59 +107,81 @@ var AiExplain = /*#__PURE__*/forwardRef(function (_ref) {
   var unsupportedShownRef = useRef(false);
   var renderStatus = useMemo(function () {
     if (!audioEnabled) {
-      if (isThinking) return /*#__PURE__*/React.createElement("div", {
-        className: styles.statusText
-      }, '你已静音（正在思考中）', " ");
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.statusText
-      }, '你已静音');
+      if (isThinking) return /*#__PURE__*/_jsxs("div", {
+        className: styles.statusText,
+        children: ['你已静音（正在思考中）', " "]
+      });
+      return /*#__PURE__*/_jsx("div", {
+        className: styles.statusText,
+        children: '你已静音'
+      });
     }
     switch (status) {
       case 0:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
-          name: "aiLoading",
-          size: [30, 50]
-        }), /*#__PURE__*/React.createElement("div", {
-          className: styles.statusText
-        }, "\u6B63\u5728\u8FDE\u63A5"));
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(LottieImg, {
+            name: "aiLoading",
+            size: [30, 50]
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.statusText,
+            children: "\u6B63\u5728\u8FDE\u63A5"
+          })]
+        });
       case 1:
       case 6:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
-          name: "aiOutputLoading",
-          size: [34, 60]
-        }), /*#__PURE__*/React.createElement("div", {
-          className: styles.statusText
-        }, "\u6B63\u5728\u8046\u542C"));
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(LottieImg, {
+            name: "aiOutputLoading",
+            size: [34, 60]
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.statusText,
+            children: "\u6B63\u5728\u8046\u542C"
+          })]
+        });
       case 2:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: styles.statusImg
-        }, /*#__PURE__*/React.createElement("div", {
-          className: styles.iconOutside
-        }, /*#__PURE__*/React.createElement("div", {
-          className: styles.iconInside
-        }))), /*#__PURE__*/React.createElement("div", {
-          className: styles.statusText
-        }, "\u8BF4\u8BDD\u6216\u70B9\u51FB\u53EF\u4EE5\u6253\u65AD\u6211"));
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            className: styles.statusImg,
+            children: /*#__PURE__*/_jsx("div", {
+              className: styles.iconOutside,
+              children: /*#__PURE__*/_jsx("div", {
+                className: styles.iconInside
+              })
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.statusText,
+            children: "\u8BF4\u8BDD\u6216\u70B9\u51FB\u53EF\u4EE5\u6253\u65AD\u6211"
+          })]
+        });
       case 4:
         // 网络错误状态打断TextLoading
         setIsTextLoading(false);
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: classNames(styles.statusText, styles.danger, styles.pointer)
-        }, "\u70B9\u51FB\u91CD\u65B0\u8FDE\u63A5"));
+        return /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx("div", {
+            className: classNames(styles.statusText, styles.danger, styles.pointer),
+            children: "\u70B9\u51FB\u91CD\u65B0\u8FDE\u63A5"
+          })
+        });
       case 5:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
-          name: "aiOutputLoading",
-          size: [34, 60]
-        }), /*#__PURE__*/React.createElement("div", {
-          className: styles.statusText
-        }, "\u4F60\u53EF\u4EE5\u5F00\u59CB\u8BF4\u8BDD"));
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(LottieImg, {
+            name: "aiOutputLoading",
+            size: [34, 60]
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.statusText,
+            children: "\u4F60\u53EF\u4EE5\u5F00\u59CB\u8BF4\u8BDD"
+          })]
+        });
       case 7:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
-          name: "aiOutputLoading",
-          size: [34, 60]
-        }), /*#__PURE__*/React.createElement("div", {
-          className: styles.statusText
-        }, "\u6B63\u5728\u601D\u8003"));
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(LottieImg, {
+            name: "aiOutputLoading",
+            size: [34, 60]
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.statusText,
+            children: "\u6B63\u5728\u601D\u8003"
+          })]
+        });
       default:
         return null;
     }
@@ -960,97 +984,119 @@ var AiExplain = /*#__PURE__*/forwardRef(function (_ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-    className: styles.aiChat
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.bgImg
-  }, /*#__PURE__*/React.createElement(LottieImg, {
-    name: "aiBg",
-    size: ['100%', '100%']
-  })), /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "bottomRight",
-    overlayClassName: "out-tooltip ai-chat-tooltip",
-    visible: isFirstUse,
-    title: showCaptions ? '点击可关闭字幕' : '点击可开启字幕'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.rightWrap
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "bottom",
-    title: showCaptions ? '关闭字幕' : '打开字幕',
-    overlayClassName: "ai-chat-tooltip"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.iconWrap
-  }, /*#__PURE__*/React.createElement(IconFontCom, {
-    type: !showCaptions ? 'icon-a-tongyong-zhankaibeifen1' : 'icon-tongyong-zhankaibeifen1',
-    size: 20,
-    extraStyle: {
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      return setShowCaptions(!showCaptions);
-    }
-  }))))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.main)
-  }, /*#__PURE__*/React.createElement(Header, {
-    title: headerTitle
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.content, 'scrollBar'),
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, showCaptions ? status === 5 || status === 6 ? /*#__PURE__*/React.createElement("div", {
-    className: styles.tips
-  }, status === 5 ? '请说话' : '正在听...') : /*#__PURE__*/React.createElement("div", null, messageList.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles.item, _defineProperty({}, styles.answer, item.type === 'answer')),
-      key: item.id
-    }, item.content);
-  }), isTextLoading ? /*#__PURE__*/React.createElement(Spin, null) : null) : /*#__PURE__*/React.createElement("div", {
-    className: styles.voiceWrap
-  }, /*#__PURE__*/React.createElement(LottieImg, {
-    name: status === 2 ? 'aiOutputStrengthen' : 'aiOutputNormal',
-    size: [242, 235]
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: styles.bottom
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.status, _defineProperty({}, styles.pointer, status === 2)),
-    onClick: clickInterrupt
-  }, renderStatus), /*#__PURE__*/React.createElement("div", {
-    className: styles.btnWrap
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    visible: isFirstUse,
-    title: audioEnabled ? '关闭麦克风' : '打开麦克风',
-    overlayClassName: "ai-chat-tooltip"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    title: audioEnabled ? '关闭麦克风' : '打开麦克风',
-    overlayClassName: "ai-chat-tooltip"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.btnItem, isDisable ? styles.disable : ''),
-    onClick: function onClick() {
-      return handleVoice();
-    }
-  }, /*#__PURE__*/React.createElement(IconFontCom, {
-    type: audioEnabled ? 'icon-voice' : 'icon-a-voice1',
-    size: 34
-  })))), /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    visible: isFirstUse,
-    title: '挂断电话',
-    overlayClassName: "ai-chat-tooltip"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    title: '挂断电话',
-    overlayClassName: "ai-chat-tooltip"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.btnItem,
-    onClick: function onClick() {
-      return handleBack();
-    }
-  }, /*#__PURE__*/React.createElement(IconFontCom, {
-    type: "icon-a-mti-guaduanshi",
-    size: 34
-  }))))))))), document.body);
+  return /*#__PURE__*/createPortal( /*#__PURE__*/_jsxs("div", {
+    className: styles.aiChat,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.bgImg,
+      children: /*#__PURE__*/_jsx(LottieImg, {
+        name: "aiBg",
+        size: ['100%', '100%']
+      })
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      placement: "bottomRight",
+      overlayClassName: "out-tooltip ai-chat-tooltip",
+      visible: isFirstUse,
+      title: showCaptions ? '点击可关闭字幕' : '点击可开启字幕',
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.rightWrap,
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          placement: "bottom",
+          title: showCaptions ? '关闭字幕' : '打开字幕',
+          overlayClassName: "ai-chat-tooltip",
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.iconWrap,
+            children: /*#__PURE__*/_jsx(IconFontCom, {
+              type: !showCaptions ? 'icon-a-tongyong-zhankaibeifen1' : 'icon-tongyong-zhankaibeifen1',
+              size: 20,
+              extraStyle: {
+                cursor: 'pointer'
+              },
+              onClick: function onClick() {
+                return setShowCaptions(!showCaptions);
+              }
+            })
+          })
+        })
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classNames(styles.main),
+      children: [/*#__PURE__*/_jsx(Header, {
+        title: headerTitle
+      }), /*#__PURE__*/_jsxs("div", {
+        className: classNames(styles.content, 'scrollBar'),
+        ref: containerRef,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.container,
+          children: showCaptions ? status === 5 || status === 6 ? /*#__PURE__*/_jsx("div", {
+            className: styles.tips,
+            children: status === 5 ? '请说话' : '正在听...'
+          }) : /*#__PURE__*/_jsxs("div", {
+            children: [messageList.map(function (item) {
+              return /*#__PURE__*/_jsx("div", {
+                className: classNames(styles.item, _defineProperty({}, styles.answer, item.type === 'answer')),
+                children: item.content
+              }, item.id);
+            }), isTextLoading ? /*#__PURE__*/_jsx(Spin, {}) : null]
+          }) : /*#__PURE__*/_jsx("div", {
+            className: styles.voiceWrap,
+            children: /*#__PURE__*/_jsx(LottieImg, {
+              name: status === 2 ? 'aiOutputStrengthen' : 'aiOutputNormal',
+              size: [242, 235]
+            })
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: styles.bottom,
+          children: [/*#__PURE__*/_jsx("div", {
+            className: classNames(styles.status, _defineProperty({}, styles.pointer, status === 2)),
+            onClick: clickInterrupt,
+            children: renderStatus
+          }), /*#__PURE__*/_jsxs("div", {
+            className: styles.btnWrap,
+            children: [/*#__PURE__*/_jsx(Tooltip, {
+              placement: "top",
+              visible: isFirstUse,
+              title: audioEnabled ? '关闭麦克风' : '打开麦克风',
+              overlayClassName: "ai-chat-tooltip",
+              children: /*#__PURE__*/_jsx(Tooltip, {
+                placement: "top",
+                title: audioEnabled ? '关闭麦克风' : '打开麦克风',
+                overlayClassName: "ai-chat-tooltip",
+                children: /*#__PURE__*/_jsx("div", {
+                  className: classNames(styles.btnItem, isDisable ? styles.disable : ''),
+                  onClick: function onClick() {
+                    return handleVoice();
+                  },
+                  children: /*#__PURE__*/_jsx(IconFontCom, {
+                    type: audioEnabled ? 'icon-voice' : 'icon-a-voice1',
+                    size: 34
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Tooltip, {
+              placement: "top",
+              visible: isFirstUse,
+              title: '挂断电话',
+              overlayClassName: "ai-chat-tooltip",
+              children: /*#__PURE__*/_jsx(Tooltip, {
+                placement: "top",
+                title: '挂断电话',
+                overlayClassName: "ai-chat-tooltip",
+                children: /*#__PURE__*/_jsx("div", {
+                  className: styles.btnItem,
+                  onClick: function onClick() {
+                    return handleBack();
+                  },
+                  children: /*#__PURE__*/_jsx(IconFontCom, {
+                    type: "icon-a-mti-guaduanshi",
+                    size: 34
+                  })
+                })
+              })
+            })]
+          })]
+        })]
+      })]
+    })]
+  }), document.body);
 });
 export default AiExplain;

package/dist/components/ai-chat-dialogue/index.module.css

@@ -0,0 +1,230 @@
+@charset "UTF-8";
+.aiChat {
+  z-index: 99999;
+  position: fixed;
+  inset: 0;
+}
+.aiChat .bgImg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.aiChat .back {
+  position: absolute;
+  top: 30px;
+  left: 20px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: #ffffff;
+  box-shadow: 0px 0px 10px 0px rgba(153, 167, 191, 0.2);
+  border: 1px solid #ebf2ff;
+  cursor: pointer;
+}
+.aiChat .rightWrap {
+  position: absolute;
+  right: 20px;
+  top: 30px;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+}
+.aiChat .rightWrap .iconWrap {
+  margin-right: 40px;
+}
+.aiChat .introWrap {
+  position: absolute;
+  top: 60px;
+  right: -420px;
+  width: 400px;
+  height: calc(100vh - 100px);
+  padding: 20px 20px 15px;
+  background: #f7faff;
+  box-shadow: -6px 2px 20px 0px rgba(153, 167, 191, 0.15);
+  border-radius: 12px;
+  z-index: 2;
+  transition: all 0.3s ease;
+}
+.aiChat .introWrap.block {
+  right: 20px;
+}
+.aiChat .introWrap .loading {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 80%;
+  text-align: center;
+}
+.aiChat .introWrap .introHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.aiChat .introWrap .introHeader .title {
+  font-size: 18px;
+  font-weight: 600;
+}
+.aiChat .introWrap .introContent {
+  height: calc(100% - 60px);
+  overflow-y: scroll;
+  padding-right: 10px;
+}
+.aiChat .main {
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s ease;
+}
+.aiChat .main.translate {
+  transform: translateX(-160px);
+}
+.aiChat .main .content {
+  height: calc(100% - 380px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+.aiChat .main .content .container {
+  width: 800px;
+  margin: 0 auto;
+  height: 100%;
+}
+.aiChat .main .header {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 30px;
+  height: 26px;
+}
+.aiChat .main .header .logo {
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+  flex-shrink: 0;
+  margin-top: 3px;
+}
+.aiChat .main .header .title {
+  font-size: 18px;
+  text-align: center;
+}
+.aiChat .main .tips {
+  font-weight: 400;
+  color: #54698c;
+  font-size: 17px;
+}
+.aiChat .main .item {
+  margin-bottom: 10px;
+  font-weight: 400;
+  color: #333;
+  font-size: 17px;
+  line-height: 28px;
+  word-break: break-all;
+  /* 强制换行 */
+  overflow-wrap: break-word;
+  /* 在适当位置换行 */
+  white-space: pre-wrap;
+}
+.aiChat .main .item.answer {
+  font-size: 16;
+  color: #b0b0b0;
+}
+.aiChat .main .voiceWrap {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.aiChat .main .bottom {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: absolute;
+  bottom: 60px;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+}
+.aiChat .main .bottom .pointer {
+  cursor: pointer;
+}
+.aiChat .main .bottom .status {
+  display: flex;
+  flex-direction: column;
+  width: 220px;
+  margin-bottom: 30px;
+}
+.aiChat .main .bottom .status .iconOutside {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 3px solid #000000;
+  border-radius: 50%;
+}
+.aiChat .main .bottom .status .iconInside {
+  width: 13px;
+  height: 13px;
+  background-color: #000000;
+}
+.aiChat .main .bottom .status .statusImg {
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+  margin: 0 auto;
+  margin-bottom: 15px;
+}
+.aiChat .main .bottom .status .statusText {
+  font-size: 16px;
+  color: #7d91b3;
+}
+.aiChat .main .bottom .status .statusText.danger {
+  color: red;
+}
+.aiChat .main .bottom .btnWrap {
+  display: flex;
+  justify-content: center;
+}
+.aiChat .main .bottom .btnWrap .btnItem {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 76px;
+  height: 76px;
+  border-radius: 50%;
+  margin-right: 118px;
+  background: #ffffff;
+  box-shadow: 0px 2px 10px 0px rgba(153, 167, 191, 0.1);
+  cursor: pointer;
+}
+.aiChat .main .bottom .btnWrap .btnItem.disable {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.aiChat .main .bottom .btnWrap .btnItem:last-child {
+  margin-right: 0;
+}
+
+:global .out-tooltip .ant-tooltip-content .ant-tooltip-arrow {
+  left: 55px;
+}
+:global .ai-chat-tooltip {
+  z-index: 100000 !important;
+}
+
+:global(.ant-message) {
+  position: fixed !important;
+  z-index: 99999999 !important;
+}
+
+.disable {
+  opacity: 0.4;
+  pointer-events: none;
+  cursor: not-allowed;
+}

package/dist/components/ai-correction/index.js

@@ -1,4 +1,6 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var AICorrection = function AICorrection(_ref) {
   var value = _ref.value;
   var data = {
@@ -12,34 +14,45 @@ var AICorrection = function AICorrection(_ref) {
     // console.error(error);
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
       gap: '20px'
-    }
-  }, /*#__PURE__*/React.createElement("span", null, "\u6839\u636E\u8003\u751F\u7684\u56DE\u7B54\uFF0C\u7ED9\u51FA\u4EE5\u4E0B\u5F97\u5206\u53CA\u8BC4\u8BED\uFF1A"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '10px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '18px',
-      fontWeight: 600
-    }
-  }, "\u5F97\u5206"), /*#__PURE__*/React.createElement("span", null, data.score, "\u5206")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '10px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '18px',
-      fontWeight: 600
-    }
-  }, "\u8BC4\u8BED"), /*#__PURE__*/React.createElement("span", null, data.comment)));
+    },
+    children: [/*#__PURE__*/_jsx("span", {
+      children: "\u6839\u636E\u8003\u751F\u7684\u56DE\u7B54\uFF0C\u7ED9\u51FA\u4EE5\u4E0B\u5F97\u5206\u53CA\u8BC4\u8BED\uFF1A"
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '10px'
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        style: {
+          fontSize: '18px',
+          fontWeight: 600
+        },
+        children: "\u5F97\u5206"
+      }), /*#__PURE__*/_jsxs("span", {
+        children: [data.score, "\u5206"]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '10px'
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        style: {
+          fontSize: '18px',
+          fontWeight: 600
+        },
+        children: "\u8BC4\u8BED"
+      }), /*#__PURE__*/_jsx("span", {
+        children: data.comment
+      })]
+    })]
+  });
 };
 export default AICorrection;