@myun/gimi-chat 0.0.3 → 0.0.5

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Button } from '@douyinfe/semi-ui';
+import styles from "./index.module.css";
+import { IconClose, IconMicrophoneOffStroked } from '@douyinfe/semi-icons';
+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")));
+}

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.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    prologue: string;
+    questionList: any[];
+    setInputValue: (value: string) => void;
+}
+declare const PresetAgentContent: React.FC<IProps>;
+export default PresetAgentContent;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import styles from "./index.module.css";
+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);
+  })));
+};
+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.js

@@ -0,0 +1,171 @@
+// import { Input, message, Table } from 'antd';
+// import styles from './index.module.scss';
+// import { useEffect, useRef, useState } from 'react';
+// import IconFontCom from '@/components/iconfont-com';
+// import { knowledgeConstants } from '../../constants';
+// import useQuotedService from '../../hooks/useQuoted';
+// import { useDispatch, useSelector } from 'react-redux';
+// import type { RootState } from '@/module';
+// import { throttle } from 'lodash';
+
+// const DEBOUNCE_MS = 600; // 拉长到 600 ms
+
+// const tabList: any[] = [
+//     { key: 'video', displayName: '视频' },
+//     // { key: 'course', displayName: '课程' },
+// ];
+
+// interface Iprops {
+//     close: () => void;
+// }
+
+// export const QuotedContent: React.FC<Iprops> = ({ close }) => {
+//     const [activeKey, setActiveKey] = useState('video');
+//     const [searchValue, setSearchValue] = useState({ pageSize: 20, pageIndex: 1, inputValue: '' });
+//     const [inputValue, setInputValue] = useState('');
+//     const inputRef = useRef<any>(null);
+//     const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+//     const composingRef = useRef(false); // 标记是否正在拼写中文
+//     const tabContentRef = useRef<HTMLDivElement>(null);
+//     const gimiMenu = useSelector((state: RootState) => state.gimiMenu);
+//     const dispatch = useDispatch();
+//     const { resource, isLoading, totalPage } = useQuotedService({ props: { type: activeKey, searchValue } });
+
+//     const columns = [
+//         {
+//             title: '名称',
+//             dataIndex: 'name',
+//             key: 'name',
+//             render: (text: string) => {
+//                 return (
+//                     <span className={styles.listItem}>
+//                         <img alt="资料引用图片" className={styles.img} src={activeKey === 'video' ? knowledgeConstants.VIDEO_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_BIG_ADDRESS} />
+//                         {text}
+//                     </span>
+//                 );
+//             },
+//         },
+//     ];
+
+//     const handleTabChange = (key: string) => {
+//         if (activeKey === key) return;
+//         setActiveKey(key);
+//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: inputValue });
+//         //滚动条置顶
+//         tabContentRef.current.scrollTop = 0;
+//     };
+
+//     // 触发搜索的函数
+//     const doSearch = (val: string) => {
+//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: val });
+//     };
+
+//     // 中文输入开始
+//     const handleCompositionStart = () => {
+//         composingRef.current = true;
+//     };
+
+//     // 中文输入结束
+//     const handleCompositionEnd = (e: React.CompositionEvent<HTMLInputElement>) => {
+//         composingRef.current = false;
+//         const val = e.currentTarget.value;
+//         setInputValue(val);
+//         // 拼完中文再“延迟”一次，避免和下面的 debounce 冲突
+//         if (timeoutRef.current) clearTimeout(timeoutRef.current);
+//         timeoutRef.current = setTimeout(() => doSearch(val), DEBOUNCE_MS);
+//     };
+
+//     // 普通输入
+//     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+//         const val = e.target.value;
+//         setInputValue(val);
+//         if (composingRef.current) return; // 中文拼写过程中不处理
+//         if (timeoutRef.current) clearTimeout(timeoutRef.current);
+//         timeoutRef.current = setTimeout(() => doSearch(val), DEBOUNCE_MS);
+//     };
+
+//     //抽出共同逻辑
+//     const addIfAbsent = (list, key, newItem) => {
+//         if (list.some((it) => it[key] === newItem[key])) return;
+//         dispatch({
+//             type: `gimiMenu/set${key === 'teachModelId' ? 'QuoteTeachModelList' : 'QuoteProductList'}`,
+//             payload: { [`quote${key === 'teachModelId' ? 'TeachModel' : 'Product'}List`]: [...list, newItem] },
+//         });
+//     };
+
+//     //选择资源
+//     const handleSelect = (record: any) => {
+//         //总条数需小于等于十
+//         if (gimiMenu.quoteTeachModelList.length + gimiMenu.quoteProductList.length >= 10) {
+//             message.warning('最多添加10个资源');
+//             return;
+//         }
+//         if (activeKey === 'video') {
+//             addIfAbsent(gimiMenu.quoteTeachModelList, 'teachModelId', { teachModelId: record.id, teachModelName: record.name, duration: record.duration });
+//         } else {
+//             addIfAbsent(gimiMenu.quoteProductList, 'productId', { productId: record.productId, productName: record.productName });
+//         }
+//         close();
+//     };
+
+//     useEffect(() => {
+//         const formCard = tabContentRef.current;
+//         if (!formCard) return;
+//         //增加throttle
+//         const handleScroll = throttle(() => {
+//             const { scrollTop, scrollHeight, clientHeight } = formCard;
+//             const isNearBottom = scrollHeight - scrollTop - clientHeight < 2;
+//             if (searchValue.pageIndex < totalPage && isNearBottom) {
+//                 setSearchValue((prev) => ({
+//                     ...prev,
+//                     pageIndex: prev.pageIndex ? prev.pageIndex + 1 : 1,
+//                 }));
+//             }
+//         }, 100);
+//         formCard.addEventListener('scroll', handleScroll);
+
+//         return () => formCard.removeEventListener('scroll', handleScroll);
+//     }, [totalPage, activeKey, searchValue]);
+
+//     return (
+//         <div className={styles.quotedContent}>
+//             <Input
+//                 value={inputValue}
+//                 allowClear
+//                 className={styles.searchInput}
+//                 ref={inputRef}
+//                 prefix={<IconFontCom type="icon-search1" color="#7D91B3" size={16} />}
+//                 onChange={handleChange}
+//                 onCompositionStart={handleCompositionStart}
+//                 onCompositionEnd={handleCompositionEnd}
+//                 placeholder="搜索"
+//             />
+//             <div className={styles.content}>
+//                 <div className={styles.newtab}>
+//                     {tabList.map((tab) => {
+//                         return (
+//                             <span className={`${styles.tabItem} ${tab.key === activeKey ? styles.active : ''}`} key={tab.key} onClick={() => handleTabChange(tab.key)}>
+//                                 {tab.displayName}
+//                             </span>
+//                         );
+//                     })}
+//                 </div>
+//                 <div className={styles.tabContent} ref={tabContentRef}>
+//                     <Table
+//                         dataSource={resource}
+//                         showHeader={false}
+//                         size="small"
+//                         columns={columns}
+//                         pagination={false}
+//                         className={styles.table}
+//                         key="id"
+//                         loading={isLoading}
+//                         onRow={(record: any) => {
+//                             return { onClick: () => handleSelect(record) };
+//                         }}
+//                     />
+//                 </div>
+//             </div>
+//         </div>
+//     );
+// };

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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IChatMessageItem } from '../../interfaces/chatMessage';
+declare const ResoningContent: React.FC<{
+    item: IChatMessageItem;
+}>;
+export default ResoningContent;

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

@@ -0,0 +1,116 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useEffect, useRef, useCallback } from 'react';
+import { MMarkdown } from '@myun/gimi-design';
+// import SearchResult from '../search-result';
+import styles from "./index.module.css";
+import { processString } from "../../utils/tools";
+import LottieImg from "../../components/lottie-img";
+import useScroll from "../../hooks/useScroll";
+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";
+var ResoningContent = function ResoningContent(_ref) {
+  var item = _ref.item;
+  var containerRef = useRef(null);
+  var _useScroll = useScroll(containerRef),
+    _useScroll2 = _slicedToArray(_useScroll, 1),
+    throttledScrollToBottom = _useScroll2[0];
+  var messageList = useAppSelector(function (state) {
+    return state.gimiMenu.messageList;
+  });
+  var messageListRef = useRef(messageList);
+  messageListRef.current = messageList;
+  var dispatch = useAppDispatch();
+  var updataChatList = React.useCallback(function (id, expand) {
+    var _messageListRef$curre;
+    var newMessageList = (_messageListRef$curre = messageListRef.current) === null || _messageListRef$curre === void 0 ? void 0 : _messageListRef$curre.map(function (item) {
+      if (item.id === id) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          expand: expand
+        });
+      }
+      return item;
+    });
+    dispatch(setMessageList({
+      messageList: newMessageList
+    }));
+  }, [messageList, dispatch]);
+  var handleClickExpand = useCallback(function () {
+    updataChatList(item.id, !item.expand);
+  }, [item.id, item.expand]);
+  useEffect(function () {
+    throttledScrollToBottom();
+  }, [item.reasoningContent]);
+  useEffect(function () {
+    if (item.reasoningStatus === 2) {
+      updataChatList(item.id, false);
+    }
+  }, [item.reasoningStatus]);
+  var renderStatusText = function renderStatusText() {
+    switch (item.reasoningStatus) {
+      case 1:
+        return '推理中';
+      case 2:
+        return '推理完成';
+      default:
+        return '推理已停止';
+    }
+  };
+  // 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);
+};
+export default ResoningContent;