@myun/gimi-chat 0.0.4 → 0.0.5

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,6 +1,6 @@
 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';
 export default function NoMicrophoneModalContent(_ref) {
   var onOk = _ref.onOk;

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,5 +1,5 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 var PresetAgentContent = function PresetAgentContent(_ref) {
   var prologue = _ref.prologue,
     questionList = _ref.questionList,

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";

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

@@ -0,0 +1,169 @@
+@charset "UTF-8";
+.container {
+  max-width: clamp(380px, 60vw, 800px);
+  padding: 0 20px;
+  border-left: 2px solid #d9dce5;
+  margin-bottom: 16px;
+  user-select: none;
+}
+.container .header {
+  width: 100%;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.container .header .title {
+  height: 16px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  font-size: 16px;
+  color: #2e394c;
+  line-height: 16px;
+  text-align: left;
+  font-style: normal;
+  display: flex;
+  margin-right: 4px;
+}
+.container .thinkQuery {
+  width: 100%;
+}
+.container .thinkQuery .queryTitle {
+  margin-top: 8px;
+  min-height: 26px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #7d91b3;
+  line-height: 26px;
+  text-align: left;
+  font-style: normal;
+}
+.container .deepThink {
+  width: 100%;
+}
+.container .deepThink .deepThink_content {
+  margin-top: 4px;
+}
+.container .deeping {
+  margin-top: 8px;
+  overflow-y: scroll;
+}
+.container .deepThinkPack {
+  width: 100%;
+  position: relative;
+}
+.container .deepThinkPack .deepThink_content_pack {
+  margin-top: 13px;
+  display: flex;
+}
+.container .deepThinkPack .text_shanow_up {
+  z-index: 2;
+  pointer-events: none;
+  background: #ffffff;
+  filter: blur(10px);
+  width: 97%;
+  height: 25px;
+  position: absolute;
+  top: -6px;
+}
+.container .deepThinkPack .text_shanow_down {
+  z-index: 2;
+  pointer-events: none;
+  background: #ffffff;
+  filter: blur(10px);
+  width: 97%;
+  height: 25px;
+  position: absolute;
+  bottom: 1px;
+}
+
+.deeping::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.deeping::-webkit-scrollbar {
+  width: 6px;
+}
+
+.deeping::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background: #d9d9d9;
+  opacity: 0;
+  display: none;
+  transition: opacity 0.3s ease;
+}
+
+.deeping::-webkit-scrollbar-thumb:hover {
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.15);
+}
+
+.expand {
+  padding-bottom: 20px;
+}
+
+.label {
+  margin-top: 20px;
+  height: 26px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #2e394c;
+  line-height: 26px;
+  text-align: left;
+  font-style: normal;
+}
+
+.icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-right: 4px;
+}
+
+.answerLoading {
+  width: 40px;
+  margin-left: -10px;
+  margin-bottom: 20px;
+  margin: 10px 0 10px -10px;
+}
+
+.loadingContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 8px;
+}
+
+.loadingDots {
+  display: flex;
+  gap: 3px; /* 减小间距 */
+}
+
+.dot {
+  width: 8px; /* 减小大小 */
+  height: 8px; /* 减小大小 */
+  background-color: #4086ff; /* 换成antd主题浅蓝色 */
+  border-radius: 50%;
+  will-change: transform; /* 告诉浏览器提前优化动画 */
+  animation: bounce 0.8s infinite ease-in-out both; /* 减小动画变化幅度 */
+}
+
+.dot:nth-child(1) {
+  animation-delay: -0.24s; /* 调整延迟 */
+}
+
+.dot:nth-child(2) {
+  animation-delay: -0.12s; /* 调整延迟 */
+}
+
+@keyframes bounce {
+  0%, 85%, 100% {
+    /* 减小动画变化幅度 */
+    transform: scale(0.6);
+  }
+  40% {
+    transform: scale(1);
+  }
+}

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

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { knowledgeConstants } from "../../constants";
 import { Tooltip } from '@douyinfe/semi-ui';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { CloseCircleFilled } from '@ant-design/icons';
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setQuoteTeachModelList, setQuoteProductList } from "../../store/slices/gimiMenuSlice";

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

@@ -0,0 +1,84 @@
+.list {
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.main {
+  background-color: #f7f8fa;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  position: relative;
+  min-height: 60px;
+}
+.main .img {
+  height: 28px;
+  width: 28px;
+}
+.main .description {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+.main .description .text_oneline {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .text_twoline {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .product_text {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .duration {
+  color: #717f94;
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  line-height: 150%;
+  letter-spacing: 0px;
+}
+.main .closeIcon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(5px, -5px);
+}