@myun/gimi-chat 0.3.8 → 0.4.0

package/dist/components/chat-input/index.d.ts

@@ -32,6 +32,12 @@ interface IAIInputProps {
     showDefaultPrompt?: boolean;
     onConversationCreated?: (conversationId: number) => void;
     onMicHangUp?: () => void;
+    initQuoteSource?: {
+        teachModelId: number;
+        teachModelName: string;
+        type?: string;
+        duration: number;
+    };
 }
 declare const ChatInput: React.ForwardRefExoticComponent<IAIInputProps & React.RefAttributes<ChatInputRef>>;
 export default ChatInput;

package/dist/components/chat-input/index.js

@@ -300,8 +300,10 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!props.enableSourceQuote) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(QuotedContent, null);
-  }, [props.enableSourceQuote]);
+    return /*#__PURE__*/React.createElement(QuotedContent, {
+      initQuoteSource: props.initQuoteSource
+    });
+  }, [props.enableSourceQuote, props.initQuoteSource]);
   var renderActionArea = React.useCallback(function (renderProps) {
     return /*#__PURE__*/React.createElement("div", {
       className: renderProps.className,

package/dist/components/chat-input/index.module.css

@@ -2,7 +2,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
+  width: calc(100% - 32px);
+  max-width: 800px;
+  margin: 0px 16px 10px 16px;
+  box-shadow: inset 0 2px #fff, 0 2px 10px rgba(84, 105, 140, 0.15);
+  border-radius: 10px;
 }
 
 .deepthink {
@@ -44,8 +48,6 @@
 
 .chatInput {
   width: 100%;
-  box-shadow: inset 0 2px #fff, 0 2px 10px rgba(84, 105, 140, 0.15);
-  margin: 0px 10px 10px 10px;
   padding: 16px;
   max-width: 800px;
   max-height: 400px;

package/dist/components/knowledge-trace/index.d.ts

@@ -14,5 +14,6 @@ declare const KonwledgeTrace: React.FC<{
     isOverFlow: boolean;
     className?: string;
     style?: React.CSSProperties;
+    onCurrentTraceVideoClick?: (time?: string) => void;
 }>;
 export default KonwledgeTrace;

package/dist/components/knowledge-trace/index.js

@@ -22,7 +22,8 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     chatList = _ref.chatList,
     isOverFlow = _ref.isOverFlow,
     className = _ref.className,
-    style = _ref.style;
+    style = _ref.style,
+    onCurrentTraceVideoClick = _ref.onCurrentTraceVideoClick;
   var showKonwledgeTrace = useAppSelector(function (state) {
     return state.gimiMenu.showKonwledgeTrace;
   });
@@ -107,7 +108,8 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     switch (activeKey) {
       case 'video':
         return /*#__PURE__*/React.createElement(VideoList, {
-          list: videoSliceList
+          list: videoSliceList,
+          onCurrentTraceVideoClick: onCurrentTraceVideoClick
         });
       case 'product':
         return /*#__PURE__*/React.createElement(ClassList, {

package/dist/components/knowledge-trace/videoList.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import type { IVideoResource } from './interfaces';
 declare const VideoList: React.FC<{
     list: IVideoResource[];
+    onCurrentTraceVideoClick?: (time?: string) => void;
 }>;
 export default VideoList;

package/dist/components/knowledge-trace/videoList.js

@@ -3,10 +3,11 @@ import styles from "./index.module.css";
 import classNames from 'classnames';
 import { knowledgeConstants } from "../../constants";
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
-import { useAppSelector, useAppDispatch } from "../../store/hooks";
+import { useAppSelector } from "../../store/hooks";
 var VideoItem = function VideoItem(_ref) {
   var _konwledgeTraceState$;
-  var item = _ref.item;
+  var item = _ref.item,
+    onClick = _ref.onClick;
   var konwledgeTraceState = useAppSelector(function (state) {
     return state.gimiMenu.konwledgeTraceState;
   });
@@ -21,7 +22,6 @@ var VideoItem = function VideoItem(_ref) {
     }),
     gradeId = _useAppSelector.gradeId,
     teachModuleId = _useAppSelector.teachModuleId;
-  var dispatch = useAppDispatch();
   var handleClick = function handleClick() {
     if (item.isDelete === 1) return;
     if (platform !== 'myun') return Toast.warning('当前平台不支持溯源跳转');
@@ -29,12 +29,7 @@ var VideoItem = function VideoItem(_ref) {
     if (item.isJoinClass) {
       // 如果溯源就是当前视频，直接跳转到溯源的进度
       if (gradeId === item.gradeId && teachModuleId === item.id) {
-        dispatch({
-          type: 'smartClassState/setTimeFromSider',
-          payload: {
-            timeFromSider: item.startedAtSecond
-          }
-        });
+        onClick === null || onClick === void 0 || onClick(item.startedAtSecond);
       } else {
         // 如果不是当前视频，新开一个学习页面
         window.open("/learningPage?".concat(searchParams, "&startedAt=").concat(item.startedAtSecond));
@@ -76,7 +71,8 @@ var VideoItem = function VideoItem(_ref) {
   }, "\u89C6\u9891\u5931\u6548")));
 };
 var VideoList = function VideoList(_ref2) {
-  var list = _ref2.list;
+  var list = _ref2.list,
+    onCurrentTraceVideoClick = _ref2.onCurrentTraceVideoClick;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.knowledgeList
   }, /*#__PURE__*/React.createElement("span", {
@@ -84,7 +80,8 @@ var VideoList = function VideoList(_ref2) {
   }, "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u89C6\u9891")), list.map(function (item) {
     return /*#__PURE__*/React.createElement(VideoItem, {
       item: item,
-      key: item.id
+      key: item.id,
+      onClick: onCurrentTraceVideoClick
     });
   }));
 };

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

@@ -16,7 +16,7 @@
   max-width: var(--container-max);
   margin: 0 auto;
   box-sizing: border-box;
-  padding: 0 10px;
+  padding: 0 16px;
 }
 .main .small_container {
   width: min(100%, var(--container-max));

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

@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: column;
   align-items: start;
-  padding: 14px 0px 20px 10px;
+  padding: 4px 16px 20px 16px;
   width: 100%;
   max-width: 800px;
   margin: 0 auto;

package/dist/components/quoted-content/index.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
-declare const QuotedContent: React.FC;
+declare const QuotedContent: React.FC<{
+    initQuoteSource?: {
+        teachModelId: number;
+        teachModelName: string;
+        type?: string;
+        duration: number;
+    };
+}>;
 export default QuotedContent;

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

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
-import { Input, Toast, Table, Popover, Tooltip } from '@douyinfe/semi-ui';
+import { Input, Toast, Table, Popover, Tooltip, Divider } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { useCallback, useRef, useState } from 'react';
 import IconFontCom from "../iconfont-com";
@@ -24,6 +24,7 @@ import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setQuoteProductList, setQuoteTeachModelList } from "../../store/slices/gimiMenuSlice";
 import { throttle } from 'lodash';
 import React from 'react';
+import classNames from 'classnames';
 var DEBOUNCE_MS = 600; // 拉长到 600 ms
 
 var tabList = [{
@@ -34,7 +35,8 @@ var tabList = [{
 ];
 var quotoIcon = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/30/be6d9_20260130135139.png';
 var isActiveQuotoIcon = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/30/8e64c_20260130135037.png';
-var QuotedContent = function QuotedContent() {
+var QuotedContent = function QuotedContent(_ref) {
+  var initQuoteSource = _ref.initQuoteSource;
   var _useState = useState('video'),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
@@ -184,6 +186,14 @@ var QuotedContent = function QuotedContent() {
     }
     handleClose();
   };
+  var handleCurrentVideoClick = function handleCurrentVideoClick() {
+    var record = {
+      id: initQuoteSource === null || initQuoteSource === void 0 ? void 0 : initQuoteSource.teachModelId,
+      name: initQuoteSource === null || initQuoteSource === void 0 ? void 0 : initQuoteSource.teachModelName,
+      duration: initQuoteSource === null || initQuoteSource === void 0 ? void 0 : initQuoteSource.duration
+    };
+    handleSelect(record);
+  };
 
   // 滚动加载更多
   var throttledScroll = useCallback(throttle(function (scrollTop, scrollHeight, clientHeight) {
@@ -232,12 +242,30 @@ var QuotedContent = function QuotedContent() {
       className: styles.newtab
     }, tabList.map(function (tab) {
       return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(styles.tabItem, " ").concat(tab.key === activeKey ? styles.active : ''),
+        className: classNames(styles.tabItem, tab.key === activeKey ? styles.active : ''),
         key: tab.key,
         onClick: function onClick() {
           return handleTabChange(tab.key);
         }
       }, tab.displayName);
+    })), initQuoteSource && /*#__PURE__*/React.createElement("div", {
+      className: styles.current_video
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.text
+    }, "\u5F53\u524D\u89C6\u9891"), /*#__PURE__*/React.createElement("span", {
+      className: styles.currentItem,
+      onClick: handleCurrentVideoClick
+    }, /*#__PURE__*/React.createElement("img", {
+      alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+      className: styles.img,
+      src: knowledgeConstants.VIDEO_ICON_ADDRESS
+    }), /*#__PURE__*/React.createElement("span", {
+      className: styles.name,
+      title: initQuoteSource === null || initQuoteSource === void 0 ? void 0 : initQuoteSource.teachModelName
+    }, initQuoteSource === null || initQuoteSource === void 0 ? void 0 : initQuoteSource.teachModelName)), /*#__PURE__*/React.createElement(Divider, {
+      style: {
+        margin: '0px 5px'
+      }
     })), /*#__PURE__*/React.createElement("div", {
       className: styles.tabContent,
       ref: tabContentRef,

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

@@ -13,7 +13,8 @@
   font-size: 12px;
   padding: 0 10px;
   border-radius: 8px;
-  width: 100%;
+  margin-left: 5px;
+  width: calc(100% - 10px);
 }
 .searchInput input::placeholder {
   color: #7d91b3;
@@ -26,14 +27,14 @@
 }
 
 .newtab {
+  padding-left: 5px;
   padding-bottom: 10px;
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
 }
-
-.tabItem {
+.newtab .tabItem {
   font-size: 14px;
   padding: 5px 10px;
   margin-right: 16px;
@@ -41,12 +42,11 @@
   cursor: pointer;
   flex-shrink: 0;
 }
-.tabItem:hover {
+.newtab .tabItem:hover {
   background-color: #f7f7fc;
   color: #4086ff;
 }
-
-.active {
+.newtab .active {
   background-color: #f7f7fc;
   color: #4086ff;
   font-weight: 600;
@@ -64,7 +64,7 @@
 .tabContent .table :global(.semi-table-row-cell) {
   font-size: 12px;
   border: none !important;
-  padding: 8px 0;
+  padding: 0 !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -73,20 +73,27 @@
 .tabContent .table :global(.semi-table-tbody .semi-table-row) {
   width: 100%;
 }
-.tabContent .table .listItem {
+
+.listItem {
   display: flex;
   align-items: center;
   cursor: pointer;
   width: 100%;
   overflow: hidden;
   min-width: 0;
+  font-size: 12px;
+  padding: 8px;
 }
-.tabContent .table .listItem .img {
+.listItem:hover {
+  background-color: #f7f7fc;
+  color: #4086ff;
+}
+.listItem .img {
   width: 16px;
   margin-right: 8px;
   flex-shrink: 0;
 }
-.tabContent .table .listItem .text {
+.listItem .text {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -129,4 +136,46 @@
 .isActive {
   background-color: #f2f3f7;
   border-radius: 8px;
+}
+
+.current_video {
+  display: flex;
+  flex-direction: column;
+  padding-top: 5px;
+}
+.current_video .text {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: rgb(154, 167, 183);
+  padding-left: 5px;
+}
+.current_video .currentItem {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: 100%;
+  overflow: hidden;
+  min-width: 0;
+  font-size: 12px;
+  padding: 8px;
+}
+.current_video .currentItem:hover {
+  background-color: #f7f7fc;
+  color: #4086ff;
+}
+.current_video .currentItem .img {
+  width: 16px;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+.current_video .currentItem .name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }

package/dist/components/templates/CommonChat.js

@@ -224,7 +224,8 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     shortAsrClick: shortAsrClick,
     disableVoiceCommunication: disableVoiceCommunication,
     onHistoryReload: onHistoryReload,
-    platform: platform
+    platform: platform,
+    initQuoteSource: props.initQuoteSource
   }, chatInputConfig)), showPrologue && messageList.length === 0 && !isMoreLoading && quickQuestionListPosition === 'bottom' && /*#__PURE__*/React.createElement(PresetAgentContent, {
     prologue: '',
     questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],

package/dist/components/templates/index.module.css

@@ -4,7 +4,6 @@
   height: 100%;
   display: flex;
   gap: 20px;
-  overflow: hidden;
   position: relative;
 }
 

package/dist/types/chat.d.ts

@@ -133,6 +133,7 @@ export interface CommonChatProps {
     model?: 'sidebar' | 'fullscreen';
     sidebarConfig?: {
       sidebarTargetElm?: HTMLElement;
+      onCurrentTraceVideoClick?: (time?: string) => void;
       className?: string;
       style?: React.CSSProperties;
     }