@myun/gimi-chat 0.0.4 → 0.0.6

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

@@ -1,14 +1,18 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import LottieImg from "../lottie-img";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var AiLoading = function AiLoading() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.aiLoading
-  }, /*#__PURE__*/React.createElement(LottieImg, {
-    name: "aiLoading",
-    size: [30, 50]
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.text
-  }, "\u6570\u636E\u52A0\u8F7D\u4E2D~"));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.aiLoading,
+    children: [/*#__PURE__*/_jsx(LottieImg, {
+      name: "aiLoading",
+      size: [30, 50]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.text,
+      children: "\u6570\u636E\u52A0\u8F7D\u4E2D~"
+    })]
+  });
 };
 export default AiLoading;

package/dist/components/ai-loading/index.module.css

@@ -0,0 +1,11 @@
+.aiLoading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.aiLoading .text {
+  margin-top: 4px;
+  text-align: center;
+}

package/dist/components/answer-item/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import classNames from 'classnames';
 import ReasoningContent from "../reasoning-content/index";
 import { processString } from "../../utils/tools";
@@ -10,13 +10,16 @@ import ExcelSuccessCard from "../excel-components/ExcelSuccessCard";
 import AICorrection from "../ai-correction/index";
 import KnowledgeIconGroup from "../knowledge-trace/KnowledgeIconComponent";
 import ExcelCard from "../excel-components/ExcelCard";
-import { CheckCircleFilled } from '@ant-design/icons';
+import { IconTickCircle } from '@douyinfe/semi-icons';
 import VoicePlay from "../message-actions/VoicePlay";
 import { useAppSelector } from "../../store/hooks";
 import CopyButton from "../message-actions/CopyButton";
 import LikeButton from "../message-actions/LikeButton";
 import UnLikeButton from "../message-actions/UnLikeButton";
 import RegenerateButton from "../message-actions/RegenerateButton";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var AnswerItem = function AnswerItem(_ref) {
   var _agentDetail$voiceCon;
   var item = _ref.item,
@@ -78,117 +81,136 @@ var AnswerItem = function AnswerItem(_ref) {
   var agentDetail = useAppSelector(function (state) {
     return state.gimiMenu.agentObj || {};
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.answer)
-  }, item.mcp && /*#__PURE__*/React.createElement(WorkFlowContent, {
-    chatItem: item
-  }), item.vipLevel === 1 && item.reasoningContent && /*#__PURE__*/React.createElement(ReasoningContent, {
-    item: item
-  }), showTaskSuccess && /*#__PURE__*/React.createElement("div", {
-    className: styles.completed
-  }, /*#__PURE__*/React.createElement(CheckCircleFilled, {
-    className: styles.checkIcon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles.checkText
-  }, "\u672C\u6B21\u4EFB\u52A1\u5DF2\u5B8C\u6210\uFF01")), showContentFlag && /*#__PURE__*/React.createElement(MMarkdown, {
-    content: processString(item.content || ''),
-    customRender: [{
-      type: 'excel',
-      component: ExcelSuccessCard
-    }, {
-      type: 'knowledge',
-      component: function component(value) {
-        var newVal = {
-          content: value.value,
-          messageId: item.id
-        };
-        return /*#__PURE__*/React.createElement(KnowledgeIconGroup, {
-          value: newVal
-        });
-      }
-    }, {
-      type: 'correction',
-      component: AICorrection
-    }],
-    showLoading: item.loading
-  }), showAskTag && /*#__PURE__*/React.createElement(AskCard, {
-    item: item,
-    moduleInfo: item.moduleInfo,
-    handleClickAskList: handleClickAskList
-  }), showSkillTag && /*#__PURE__*/React.createElement(ExcelCard, {
-    onRetry: onRetry,
-    item: item,
-    moduleInfo: item.moduleInfo,
-    onSucess: onSucess,
-    onFailure: onFailure
-  }), item.stop === 1 && /*#__PURE__*/React.createElement("div", {
-    className: styles.stop
-  }, item.vipLevel === 1 && item.reasoningStatus === 3 ? '已停止推理' : '已停止内容输出'), showOperation && /*#__PURE__*/React.createElement("div", {
-    className: styles.opera
-  }, (showOpera === null || showOpera === void 0 ? void 0 : showOpera(item.id)) && !item.loading && /*#__PURE__*/React.createElement("div", {
-    className: styles.opera_item
-  }, enableCopy && /*#__PURE__*/React.createElement(CopyButton, {
-    item: item,
-    onCopyCallback: onCopyCallback
-  }), enableLike && /*#__PURE__*/React.createElement(LikeButton, {
-    item: item,
-    onLikeCallback: onLikeCallback
-  }), enableUnLike && /*#__PURE__*/React.createElement(UnLikeButton, {
-    item: item,
-    onUnLikeCallback: onUnLikeCallback
-  }), enableVoicePlay && !showAskTag && !showSkillTag && ((_agentDetail$voiceCon = agentDetail.voiceConfigs) === null || _agentDetail$voiceCon === void 0 ? void 0 : _agentDetail$voiceCon.length) > 0 && /*#__PURE__*/React.createElement(VoicePlay, {
-    playTTSByText: playTTSByText,
-    stopTTSByText: stopTTSByText,
-    isVoicePlaying: isVoicePlaying,
-    text: processString(item.content || ''),
-    messageId: item.id
-  }), showRegerate && enableRegenerate && /*#__PURE__*/React.createElement(RegenerateButton, {
-    onRegenerateClick: onRegenerateClick
-  }))), (item.relatedResourceList || []).length > 0 && (showCommend === null || showCommend === void 0 ? void 0 : showCommend(item.id)) && /*#__PURE__*/React.createElement("div", {
-    className: styles.quickInputList
-  }, (item.relatedResourceList || []).map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.quickInputItem,
-      key: index,
-      onClick: function onClick() {
-        return handleClickPromptWord === null || handleClickPromptWord === void 0 ? void 0 : handleClickPromptWord(item.recommendQuestions);
-      }
-    }, item.recommendQuestions);
-  })), (item.relatedCourseRecommendation || []).length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.course_recommend
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.course_recommend_header
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.course_recommend_header_title
-  }, "\u76F8\u5173\u8BFE\u7A0B\u63A8\u8350"), (item.relatedCourseRecommendation || []).length > 4 && /*#__PURE__*/React.createElement("div", {
-    className: styles.course_recommend_header_more,
-    onClick: function onClick() {
-      handleShowCourse(item);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.all
-  }, "\u5168\u90E8\u8BFE\u7A0B"))), /*#__PURE__*/React.createElement("div", {
-    className: styles.course_recommend_list
-  }, (item.relatedCourseRecommendation || []).map(function (course, i) {
-    if (i > 3) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.courseItem,
-      key: course.id,
-      onClick: function onClick() {
-        return window.open(course.productType === 'project' ? "/project-product/".concat(course.productId || course.id) : "/new-product/".concat(course.productId || course.id));
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.cover
-    }, /*#__PURE__*/React.createElement("img", {
-      src: course.productUrl,
-      alt: ""
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles.courseTitle, 'ellipsis-3')
-    }, course !== null && course !== void 0 && course.showStyle ? /*#__PURE__*/React.createElement("span", {
-      className: classNames(styles.newEquityLabel, styles["newEquityLabel-".concat(course.showStyle)])
-    }, course === null || course === void 0 ? void 0 : course.equityLabel) : null, course.name));
-  }))))));
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.title,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames(styles.answer),
+      children: [item.mcp && /*#__PURE__*/_jsx(WorkFlowContent, {
+        chatItem: item
+      }), item.vipLevel === 1 && item.reasoningContent && /*#__PURE__*/_jsx(ReasoningContent, {
+        item: item
+      }), showTaskSuccess && /*#__PURE__*/_jsxs("div", {
+        className: styles.completed,
+        children: [/*#__PURE__*/_jsx(IconTickCircle, {
+          className: styles.checkIcon
+        }), /*#__PURE__*/_jsx("span", {
+          className: styles.checkText,
+          children: "\u672C\u6B21\u4EFB\u52A1\u5DF2\u5B8C\u6210\uFF01"
+        })]
+      }), showContentFlag && /*#__PURE__*/_jsx(MMarkdown, {
+        content: processString(item.content || ''),
+        customRender: [{
+          type: 'excel',
+          component: ExcelSuccessCard
+        }, {
+          type: 'knowledge',
+          component: function component(value) {
+            var newVal = {
+              content: value.value,
+              messageId: item.id
+            };
+            return /*#__PURE__*/_jsx(KnowledgeIconGroup, {
+              value: newVal
+            });
+          }
+        }, {
+          type: 'correction',
+          component: AICorrection
+        }],
+        showLoading: item.loading
+      }), showAskTag && /*#__PURE__*/_jsx(AskCard, {
+        item: item,
+        moduleInfo: item.moduleInfo,
+        handleClickAskList: handleClickAskList
+      }), showSkillTag && /*#__PURE__*/_jsx(ExcelCard, {
+        onRetry: onRetry,
+        item: item,
+        moduleInfo: item.moduleInfo,
+        onSucess: onSucess,
+        onFailure: onFailure
+      }), item.stop === 1 && /*#__PURE__*/_jsx("div", {
+        className: styles.stop,
+        children: item.vipLevel === 1 && item.reasoningStatus === 3 ? '已停止推理' : '已停止内容输出'
+      }), showOperation && /*#__PURE__*/_jsx("div", {
+        className: styles.opera,
+        children: (showOpera === null || showOpera === void 0 ? void 0 : showOpera(item.id)) && !item.loading && /*#__PURE__*/_jsxs("div", {
+          className: styles.opera_item,
+          children: [enableCopy && /*#__PURE__*/_jsx(CopyButton, {
+            item: item,
+            onCopyCallback: onCopyCallback
+          }), enableLike && /*#__PURE__*/_jsx(LikeButton, {
+            item: item,
+            onLikeCallback: onLikeCallback
+          }), enableUnLike && /*#__PURE__*/_jsx(UnLikeButton, {
+            item: item,
+            onUnLikeCallback: onUnLikeCallback
+          }), enableVoicePlay && !showAskTag && !showSkillTag && ((_agentDetail$voiceCon = agentDetail.voiceConfigs) === null || _agentDetail$voiceCon === void 0 ? void 0 : _agentDetail$voiceCon.length) > 0 && /*#__PURE__*/_jsx(VoicePlay, {
+            playTTSByText: playTTSByText,
+            stopTTSByText: stopTTSByText,
+            isVoicePlaying: isVoicePlaying,
+            text: processString(item.content || ''),
+            messageId: item.id
+          }), showRegerate && enableRegenerate && /*#__PURE__*/_jsx(RegenerateButton, {
+            onRegenerateClick: onRegenerateClick
+          })]
+        })
+      }), (item.relatedResourceList || []).length > 0 && (showCommend === null || showCommend === void 0 ? void 0 : showCommend(item.id)) && /*#__PURE__*/_jsx("div", {
+        className: styles.quickInputList,
+        children: (item.relatedResourceList || []).map(function (item, index) {
+          return /*#__PURE__*/_jsx("div", {
+            className: styles.quickInputItem,
+            onClick: function onClick() {
+              return handleClickPromptWord === null || handleClickPromptWord === void 0 ? void 0 : handleClickPromptWord(item.recommendQuestions);
+            },
+            children: item.recommendQuestions
+          }, index);
+        })
+      }), (item.relatedCourseRecommendation || []).length > 0 && /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsxs("div", {
+          className: styles.course_recommend,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: styles.course_recommend_header,
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.course_recommend_header_title,
+              children: "\u76F8\u5173\u8BFE\u7A0B\u63A8\u8350"
+            }), (item.relatedCourseRecommendation || []).length > 4 && /*#__PURE__*/_jsx("div", {
+              className: styles.course_recommend_header_more,
+              onClick: function onClick() {
+                handleShowCourse(item);
+              },
+              children: /*#__PURE__*/_jsx("span", {
+                className: styles.all,
+                children: "\u5168\u90E8\u8BFE\u7A0B"
+              })
+            })]
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.course_recommend_list,
+            children: (item.relatedCourseRecommendation || []).map(function (course, i) {
+              if (i > 3) return null;
+              return /*#__PURE__*/_jsxs("div", {
+                className: styles.courseItem,
+                onClick: function onClick() {
+                  return window.open(course.productType === 'project' ? "/project-product/".concat(course.productId || course.id) : "/new-product/".concat(course.productId || course.id));
+                },
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: styles.cover,
+                  children: /*#__PURE__*/_jsx("img", {
+                    src: course.productUrl,
+                    alt: ""
+                  })
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: classNames(styles.courseTitle, 'ellipsis-3'),
+                  children: [course !== null && course !== void 0 && course.showStyle ? /*#__PURE__*/_jsx("span", {
+                    className: classNames(styles.newEquityLabel, styles["newEquityLabel-".concat(course.showStyle)]),
+                    children: course === null || course === void 0 ? void 0 : course.equityLabel
+                  }) : null, course.name]
+                })]
+              }, course.id);
+            })
+          })]
+        })
+      })]
+    })
+  });
 };
 export default AnswerItem;

package/dist/components/answer-item/index.module.css

@@ -0,0 +1,266 @@
+@charset "UTF-8";
+.title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  font-size: 16px;
+  color: #000000;
+  line-height: 24px;
+  width: fit-content;
+  text-align: left;
+  word-break: break-all;
+  /* 强制换行 */
+  overflow-wrap: break-word;
+  /* 在适当位置换行 */
+}
+.title .qusetionOpera {
+  position: absolute;
+  top: 50%;
+  left: -30px;
+  transform: translateY(-50%);
+}
+.title .answer {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 10px 0px;
+}
+.title .answer .completed {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.title .answer .completed .checkIcon {
+  font-size: 16px;
+  color: rgb(62, 179, 86);
+}
+.title .answer .completed .checkText {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-style: Semibold;
+  font-size: 15px;
+  line-height: 180%;
+  letter-spacing: 0px;
+  color: rgb(46, 57, 76);
+}
+.title .answer .relevance {
+  width: fit-content;
+  height: 40px;
+  background: #ffffff;
+  border-radius: 16px;
+  border: 1px solid #cfd7e6;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 14px;
+}
+.title .answer .relevance .icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-right: 12px;
+}
+.title .answer .relevance .search_icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-left: 16px;
+}
+.title .answer .relevance span {
+  height: 20px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #2e394c;
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+  margin: 0 2px;
+}
+.title .answer .stop {
+  width: 100%;
+  height: 28px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 15px;
+  color: #7d91b3;
+  line-height: 28px;
+  text-align: left;
+  font-style: normal;
+  margin-top: 6px;
+}
+
+.opera {
+  height: 18px;
+  margin-top: 12px;
+  display: flex;
+}
+.opera .opera_item {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+}
+.opera .opera_item .unlove {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+}
+
+.operaicon {
+  height: 20px;
+  margin-top: 12px;
+  text-align: end;
+}
+
+.chatline {
+  width: 100%;
+  margin: 40px 0;
+  height: 1px;
+  background: #dfe8f7;
+}
+
+.course_recommend {
+  width: 100%;
+  margin-top: 20px;
+}
+.course_recommend .course_recommend_header {
+  width: 100%;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.course_recommend .course_recommend_header .course_recommend_header_title {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  font-size: 18px;
+  color: #2e394c;
+  line-height: 28px;
+  text-align: left;
+  font-style: normal;
+}
+.course_recommend .course_recommend_header .course_recommend_header_more {
+  display: flex;
+  align-items: center;
+}
+.course_recommend .course_recommend_header .course_recommend_header_more .all {
+  width: 56px;
+  height: 20px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 14px;
+  color: #2e394c;
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+}
+.course_recommend .course_recommend_list {
+  margin-top: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px 0;
+}
+.course_recommend .course_recommend_list .courseItem {
+  flex: 1 1 clamp(180px, 48%, 360px);
+  max-width: clamp(180px, 48%, 360px);
+  height: 68px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.course_recommend .course_recommend_list .courseItem .cover {
+  border-radius: 4px;
+  overflow: hidden;
+  width: 120px;
+  height: 68px;
+  border-radius: 4px;
+}
+.course_recommend .course_recommend_list .courseItem .cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.course_recommend .course_recommend_list .courseItem .courseTitle {
+  flex: 1 1 auto;
+  height: 68px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #2e394c;
+  text-align: left;
+  font-style: normal;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  /* 限制行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-left: 20px;
+}
+.course_recommend .course_recommend_list .courseItem .courseTitle .newEquityLabel {
+  display: inline-block !important;
+  margin-right: 8px;
+  padding: 0 4px;
+  color: #e68845;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 18px;
+  border-radius: 4px;
+  background: #ffecd9;
+  position: relative;
+  bottom: 2px;
+}
+.course_recommend .course_recommend_list .courseItem .courseTitle .newEquityLabel-1 {
+  color: #3d996b;
+  background: #ccffe6;
+}
+.course_recommend .course_recommend_list .courseItem .courseTitle .newEquityLabel-3 {
+  color: #fff;
+  background: #7d91b3;
+}
+.course_recommend .course_recommend_list .courseItem:nth-child(2n) {
+  margin-left: 40px;
+}
+
+.quickInputList {
+  max-width: min(800px, 90vw);
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+.quickInputList .quickInputItem {
+  padding: 5px 10px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgb(46, 57, 76);
+  line-height: 18px;
+  text-align: left;
+  font-style: normal;
+  border-radius: 8px;
+  border: 1px solid rgb(217, 220, 229);
+  cursor: pointer;
+  display: inline;
+  white-space: nowrap;
+  /* 禁止换行 */
+  overflow: hidden;
+  /* 隐藏溢出内容 */
+  text-overflow: ellipsis;
+  /* 显示省略号 */
+  /* 如果需要可以添加最大宽度 */
+  white-space: normal;
+}
+
+.fileBox {
+  border-radius: 16px;
+  border: 1px solid var(---, #e9ebf2);
+  background: linear-gradient(180deg, #f7fff9 0%, #f1fcfe 30%, #fff 100%);
+  box-shadow: 0 2px 2px 0 #fff inset;
+  padding: 20px;
+}