@myun/gimi-chat 0.0.4 → 0.0.6

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

@@ -0,0 +1,261 @@
+@charset "UTF-8";
+.main {
+  position: relative;
+  width: 100%;
+  transition: all 0.3s ease;
+  flex: 1;
+  padding: 20px 0 0;
+}
+.main.translate {
+  transform: translateX(-320px);
+}
+.main .container {
+  width: 100%;
+  max-width: var(--container-max);
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 0 10px;
+}
+.main .small_container {
+  width: min(100%, var(--container-max));
+  max-width: var(--container-max);
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 0 16px;
+}
+.main .textWrap {
+  padding-bottom: 40px;
+}
+.main .textWrap .textItem {
+  width: 100%;
+  position: relative;
+}
+.main .textWrap .textItem.question {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-top: 22px;
+}
+.main .textWrap .textItem.question .title {
+  font-size: 15px;
+  line-height: 1.8;
+  display: inline-block;
+  max-width: 680px;
+  padding: 12px 16px;
+  background: #ebf2ff;
+  border-radius: 16px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  align-self: flex-end;
+  overflow-x: auto;
+}
+.main .textWrap .textItem.question .listBox {
+  display: flex;
+  flex-direction: row-reverse;
+  margin-top: 16px;
+}
+.main .textWrap .textItem.question .opera {
+  left: unset;
+  right: 0;
+}
+.main .textWrap .textItem.question:first-child {
+  margin-top: 0;
+}
+.main .textWrap .textItem:last-child {
+  margin-bottom: 0;
+}
+.main .textWrap .textItem .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;
+  /* 在适当位置换行 */
+}
+.main .textWrap .textItem .title .qusetionOpera {
+  position: absolute;
+  top: 50%;
+  left: -30px;
+  transform: translateY(-50%);
+}
+.main .textWrap .textItem .title .answer {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 20px;
+}
+.main .textWrap .textItem .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;
+}
+.main .textWrap .textItem .title .answer .relevance .icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-right: 12px;
+}
+.main .textWrap .textItem .title .answer .relevance .search_icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-left: 16px;
+}
+.main .textWrap .textItem .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;
+}
+.main .textWrap .textItem .opera {
+  width: 100%;
+  height: 20px;
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+}
+.main .textWrap .textItem .opera .opera_item {
+  display: flex;
+  align-items: center;
+}
+.main .textWrap .textItem .opera .opera_item .unlove {
+  margin-left: 18px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.main .textWrap .textItem .operaicon {
+  height: 20px;
+  margin-top: 12px;
+  text-align: end;
+}
+.main .textWrap .textItem .chatline {
+  margin: 40px 0;
+  width: 100%;
+  height: 1px;
+  background: #dfe8f7;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_header {
+  width: 100%;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.main .textWrap .textItem .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;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_header .course_recommend_header_more {
+  display: flex;
+  align-items: center;
+}
+.main .textWrap .textItem .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;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_list {
+  margin-top: 12px;
+  margin-bottom: 30px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_list .courseItem {
+  width: 360px;
+  height: 68px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_list .courseItem .cover {
+  border-radius: 4px;
+  overflow: hidden;
+  width: 120px;
+  height: 68px;
+  border-radius: 4px;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_list .courseItem .cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.main .textWrap .textItem .course_recommend .course_recommend_list .courseItem .courseTitle {
+  width: 228px;
+  height: 68px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #2e394c;
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  /* 限制行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.main .textWrap .answerLoading {
+  width: 40px;
+  margin-top: 20px;
+}
+.main .emptyWrap {
+  text-align: center;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.main .emptyWrap .title {
+  font-weight: 600;
+  font-size: 20px;
+  color: #2e394c;
+  line-height: 28px;
+  margin-bottom: 12px;
+}
+.main .emptyWrap .tips {
+  font-size: 16px;
+  color: #54698c;
+}
+
+.copyBtn {
+  width: fit-content;
+  display: flex;
+  gap: 10px;
+  margin-left: auto;
+  margin-top: 10px;
+}

package/dist/components/no-microphone-root/index.js

@@ -1,36 +1,46 @@
 import React from 'react';
 import { Button } from '@douyinfe/semi-ui';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { IconClose, IconMicrophoneOffStroked } from '@douyinfe/semi-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function NoMicrophoneModalContent(_ref) {
   var onOk = _ref.onOk;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, /*#__PURE__*/React.createElement("span", null, "\u5C1A\u672A\u83B7\u5F97\u9EA6\u514B\u98CE\u6743\u9650"), /*#__PURE__*/React.createElement(Button, {
-    theme: "borderless",
-    size: "small",
-    icon: /*#__PURE__*/React.createElement(IconClose, null),
-    onClick: onOk
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.desc
-  }, "\u8BED\u97F3\u901A\u8BDD\u9700\u8981\u5F00\u542F\u6D4F\u89C8\u5668\u7684\u9EA6\u514B\u98CE\u6743\u9650\uFF0C\u8BF7\u70B9\u51FB\u524D\u5F80\u8BBE\u7F6E\u8FDB\u884C\u5F00\u542F"), /*#__PURE__*/React.createElement("div", {
-    className: styles.imgArea
-  }, /*#__PURE__*/React.createElement(IconMicrophoneOffStroked, {
-    style: {
-      fontSize: 40,
-      color: '#1478ddff'
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    style: {
-      borderRadius: '24px',
-      padding: '10px'
-    },
-    onClick: onOk
-  }, "\u6211\u77E5\u9053\u4E86")));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.title,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u5C1A\u672A\u83B7\u5F97\u9EA6\u514B\u98CE\u6743\u9650"
+      }), /*#__PURE__*/_jsx(Button, {
+        theme: "borderless",
+        size: "small",
+        icon: /*#__PURE__*/_jsx(IconClose, {}),
+        onClick: onOk
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.desc,
+      children: "\u8BED\u97F3\u901A\u8BDD\u9700\u8981\u5F00\u542F\u6D4F\u89C8\u5668\u7684\u9EA6\u514B\u98CE\u6743\u9650\uFF0C\u8BF7\u70B9\u51FB\u524D\u5F80\u8BBE\u7F6E\u8FDB\u884C\u5F00\u542F"
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.imgArea,
+      children: /*#__PURE__*/_jsx(IconMicrophoneOffStroked, {
+        style: {
+          fontSize: 40,
+          color: '#1478ddff'
+        }
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.footer,
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        size: "small",
+        style: {
+          borderRadius: '24px',
+          padding: '10px'
+        },
+        onClick: onOk,
+        children: "\u6211\u77E5\u9053\u4E86"
+      })
+    })]
+  });
 }

package/dist/components/no-microphone-root/index.module.css

@@ -0,0 +1,48 @@
+.root {
+  width: 240px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.title {
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f2d3d;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.desc {
+  width: 240px;
+  font-size: 12px;
+  color: rgba(31, 45, 61, 0.55);
+}
+
+.imgArea {
+  height: 100px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #e9f0ff 0%, #d7f1ff 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.micIcon {
+  width: 56px;
+  height: 56px;
+  display: block;
+}
+
+.footer {
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+}
+
+.okBtn {
+  height: 32px;
+  padding: 0 18px;
+  border-radius: 16px;
+}

package/dist/components/preset-agent-content/index.js

@@ -1,24 +1,29 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var PresetAgentContent = function PresetAgentContent(_ref) {
   var prologue = _ref.prologue,
     questionList = _ref.questionList,
     setInputValue = _ref.setInputValue;
   if (!questionList || questionList.length === 0) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, prologue && /*#__PURE__*/React.createElement("div", {
-    className: styles.prologue
-  }, prologue), /*#__PURE__*/React.createElement("div", {
-    className: styles.quickInputList
-  }, questionList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.quickInputItem,
-      key: index,
-      onClick: function onClick() {
-        return setInputValue(item.question);
-      }
-    }, item.question);
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [prologue && /*#__PURE__*/_jsx("div", {
+      className: styles.prologue,
+      children: prologue
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.quickInputList,
+      children: questionList.map(function (item, index) {
+        return /*#__PURE__*/_jsx("div", {
+          className: styles.quickInputItem,
+          onClick: function onClick() {
+            return setInputValue(item.question);
+          },
+          children: item.question
+        }, index);
+      })
+    })]
+  });
 };
 export default PresetAgentContent;

package/dist/components/preset-agent-content/index.module.css

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  padding: 14px 0px 20px 16px;
+  width: 100%;
+}
+.container .prologue {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 28px;
+  letter-spacing: 0px;
+  color: rgb(46, 57, 76);
+}
+.container .quickInputList {
+  width: 314px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-top: 10px;
+}
+.container .quickInputList .quickInputItem {
+  width: fit-content;
+  max-width: 314px;
+  padding: 5px 10px;
+  font-family: PingFangSC;
+  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);
+  flex-shrink: 0;
+  white-space: nowrap;
+  /* 禁止换行 */
+  overflow: hidden;
+  /* 隐藏溢出内容 */
+  text-overflow: ellipsis;
+  /* 显示省略号 */
+  cursor: pointer;
+}

package/dist/components/quoted-content/index.module.css

@@ -0,0 +1,80 @@
+.quotedContent {
+  flex: 1;
+  padding-top: 5px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.searchInput {
+  line-height: 29px;
+  font-size: 12px;
+  padding: 0 10px;
+  border-radius: 8px;
+}
+.searchInput input::placeholder {
+  color: #7d91b3;
+}
+
+.content {
+  padding-top: 10px;
+}
+
+.newtab {
+  padding-bottom: 10px;
+}
+
+.tabItem {
+  font-size: 14px;
+  padding: 5px 10px;
+  margin: 0 8px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.tabItem:hover {
+  background-color: #f7f7fc;
+  color: #4086ff;
+}
+
+.active {
+  background-color: #f7f7fc;
+  color: #4086ff;
+  font-weight: 600;
+}
+
+.tabContent {
+  overflow: auto;
+  height: 200px;
+}
+.tabContent .table :global(.ant-table-content) {
+  font-size: 12px;
+}
+.tabContent .table :global(.ant-table-tbody > tr > td) {
+  border: none !important;
+}
+.tabContent .table .listItem {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.tabContent .table .listItem .img {
+  width: 16px;
+  margin-right: 5px;
+}
+
+.tabContent::-webkit-scrollbar {
+  width: 6px;
+}
+
+.tabContent::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.tabContent::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.tabContent::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}

package/dist/components/reasoning-content/index.js

@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useRef, useCallback } from 'react';
 import { MMarkdown } from '@myun/gimi-design';
 // import SearchResult from '../search-result';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { processString } from "../../utils/tools";
 import LottieImg from "../../components/lottie-img";
 import useScroll from "../../hooks/useScroll";
@@ -22,6 +22,8 @@ import KnowledgeIconGroup from "../knowledge-trace/KnowledgeIconComponent";
 import { IconChevronUp, IconChevronDown } from '@douyinfe/semi-icons';
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setMessageList } from "../../store/slices/gimiMenuSlice";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ResoningContent = function ResoningContent(_ref) {
   var item = _ref.item;
   var containerRef = useRef(null);
@@ -70,47 +72,58 @@ var ResoningContent = function ResoningContent(_ref) {
     }
   };
   // item.expand ? styles.expand : ''
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.header,
-    onClick: handleClickExpand
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, "GIMI", renderStatusText()), item.expand ? /*#__PURE__*/React.createElement(IconChevronUp, null) : /*#__PURE__*/React.createElement(IconChevronDown, null)), item.expand ? /*#__PURE__*/React.createElement("div", {
-    className: styles.deeping,
-    ref: containerRef,
-    style: item.reasoningStatus === 1 ? {
-      maxHeight: 240
-    } : {}
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.thinkQuery
-  }, item.query && /*#__PURE__*/React.createElement("div", {
-    className: styles.label,
-    style: {
-      marginTop: 0
-    }
-  }, "\u5F00\u59CB\u5206\u6790\u95EE\u9898"), item.query && /*#__PURE__*/React.createElement("div", {
-    className: styles.queryTitle
-  }, item.query)), /*#__PURE__*/React.createElement("div", {
-    className: styles.deepThink
-  }, item.query && /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, "\u8FDB\u884C\u6DF1\u5EA6\u601D\u8003"), item.reasoningContent && /*#__PURE__*/React.createElement("div", {
-    className: styles.deepThink_content
-  }, /*#__PURE__*/React.createElement(MMarkdown, {
-    content: processString(item.reasoningContent),
-    isDeep: true,
-    customRender: [{
-      type: 'knowledge',
-      component: KnowledgeIconGroup
-    }],
-    showLoading: item.reasoningLoading
-  }))), item.msgLoading && /*#__PURE__*/React.createElement("div", {
-    className: styles.answerLoading
-  }, /*#__PURE__*/React.createElement(LottieImg, {
-    name: "aiLoading",
-    size: [20, 40]
-  }))) : null);
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.header,
+      onClick: handleClickExpand,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.title,
+        children: ["GIMI", renderStatusText()]
+      }), item.expand ? /*#__PURE__*/_jsx(IconChevronUp, {}) : /*#__PURE__*/_jsx(IconChevronDown, {})]
+    }), item.expand ? /*#__PURE__*/_jsxs("div", {
+      className: styles.deeping,
+      ref: containerRef,
+      style: item.reasoningStatus === 1 ? {
+        maxHeight: 240
+      } : {},
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.thinkQuery,
+        children: [item.query && /*#__PURE__*/_jsx("div", {
+          className: styles.label,
+          style: {
+            marginTop: 0
+          },
+          children: "\u5F00\u59CB\u5206\u6790\u95EE\u9898"
+        }), item.query && /*#__PURE__*/_jsx("div", {
+          className: styles.queryTitle,
+          children: item.query
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.deepThink,
+        children: [item.query && /*#__PURE__*/_jsx("div", {
+          className: styles.label,
+          children: "\u8FDB\u884C\u6DF1\u5EA6\u601D\u8003"
+        }), item.reasoningContent && /*#__PURE__*/_jsx("div", {
+          className: styles.deepThink_content,
+          children: /*#__PURE__*/_jsx(MMarkdown, {
+            content: processString(item.reasoningContent),
+            isDeep: true,
+            customRender: [{
+              type: 'knowledge',
+              component: KnowledgeIconGroup
+            }],
+            showLoading: item.reasoningLoading
+          })
+        })]
+      }), item.msgLoading && /*#__PURE__*/_jsx("div", {
+        className: styles.answerLoading,
+        children: /*#__PURE__*/_jsx(LottieImg, {
+          name: "aiLoading",
+          size: [20, 40]
+        })
+      })]
+    }) : null]
+  });
 };
 export default ResoningContent;