@myun/gimi-chat 0.3.7 → 0.3.9

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

@@ -296,6 +296,12 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }))
     });
   }, [props.enableVoiceChat, props.enableVoiceRecord, props.disabled, props.disableVoiceCommunication, props.isVoiceGetting, isMsgRecieving, openChatCommunication, props.shortAsrClick, agentObj === null || agentObj === void 0 ? void 0 : agentObj.isEnableVoiceCall]);
+  var renderQuotedContent = React.useMemo(function () {
+    if (!props.enableSourceQuote) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(QuotedContent, null);
+  }, [props.enableSourceQuote]);
   var renderActionArea = React.useCallback(function (renderProps) {
     return /*#__PURE__*/React.createElement("div", {
       className: renderProps.className,
@@ -305,13 +311,13 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
         display: 'flex',
         alignItems: 'center'
       }
-    }, props.enableSourceQuote && /*#__PURE__*/React.createElement(QuotedContent, null), VoiceTools, UploadFileTool, /*#__PURE__*/React.createElement(Divider, {
+    }, renderQuotedContent, VoiceTools, UploadFileTool, /*#__PURE__*/React.createElement(Divider, {
       layout: "vertical",
       style: {
         marginLeft: 8
       }
     })), renderProps.menuItem);
-  }, [VoiceTools, UploadFileTool, props.enableSourceQuote]);
+  }, [VoiceTools, UploadFileTool, renderQuotedContent]);
   var onMessageSend = React.useCallback(function (content) {
     var _props$onSend;
     var inputContents = content.inputContents || [];

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

@@ -48,4 +48,46 @@
   margin: 0px 10px 10px 10px;
   padding: 16px;
   max-width: 800px;
+  max-height: 400px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #d1d1d1 transparent;
+}
+.chatInput::-webkit-scrollbar {
+  width: 4px;
+}
+.chatInput::-webkit-scrollbar-thumb {
+  background-color: #d1d1d1;
+  border-radius: 2px;
+  border: none;
+}
+.chatInput::-webkit-scrollbar-track {
+  background-color: transparent;
+  border: none;
+}
+
+.reference {
+  max-height: 180px;
+  overflow: auto;
+  flex: 1;
+  scrollbar-width: thin;
+  scrollbar-color: #d1d1d1 transparent;
+}
+.reference::-webkit-scrollbar {
+  width: 4px;
+}
+.reference::-webkit-scrollbar-thumb {
+  background-color: #d1d1d1;
+  border-radius: 2px;
+  border: none;
+}
+.reference::-webkit-scrollbar-track {
+  background-color: transparent;
+  border: none;
+}
+.reference .references {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding-top: 5px;
 }

package/dist/components/file-card/fileCardSidebar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const FileCardSideBar: (props: {
-    targetElement?: HTMLElement;
+    sidebarTargetElm?: HTMLElement;
     isOverFlow: boolean;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/file-card/fileCardSidebar.js

@@ -7,7 +7,7 @@ import ReactDOM from 'react-dom';
 import styles from "./index.module.css";
 import { FileCard } from ".";
 var FileCardSideBar = function FileCardSideBar(props) {
-  var targetElement = props.targetElement,
+  var sidebarTargetElm = props.sidebarTargetElm,
     isOverFlow = props.isOverFlow,
     className = props.className,
     style = props.style;
@@ -48,7 +48,7 @@ var FileCardSideBar = function FileCardSideBar(props) {
     })));
   };
   if (isOverFlow) {
-    var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
+    var targetElm = sidebarTargetElm || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }

package/dist/components/gimi-sidebar/index.module.css

@@ -1,6 +1,7 @@
 .overflow_layout {
   position: absolute;
   right: 0;
+  top: 0;
   z-index: 10;
   height: 100%;
   box-shadow: -1px 0 10px 0 rgb(233, 235, 242);

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

@@ -9,10 +9,11 @@ export interface KonwledgeTraceState {
     messageId: number;
 }
 declare const KonwledgeTrace: React.FC<{
-    targetElement?: HTMLElement;
+    sidebarTargetElm?: HTMLElement;
     chatList: any[];
     isOverFlow: boolean;
     className?: string;
     style?: React.CSSProperties;
+    onCurrentTraceVideoClick?: (time?: string) => void;
 }>;
 export default KonwledgeTrace;

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

@@ -18,11 +18,12 @@ import AiLoading from "../ai-loading";
 import ReactDOM from 'react-dom';
 import GimiSideBar from "../gimi-sidebar";
 var KonwledgeTrace = function KonwledgeTrace(_ref) {
-  var targetElement = _ref.targetElement,
+  var sidebarTargetElm = _ref.sidebarTargetElm,
     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, {
@@ -146,7 +148,7 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     })) : tabContent));
   };
   if (isOverFlow && (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0) {
-    var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
+    var targetElm = sidebarTargetElm || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }

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/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, Space } from '@douyinfe/semi-ui';
+import { Input, Toast, Table, Popover, Tooltip } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { useCallback, useRef, useState } from 'react';
 import IconFontCom from "../iconfont-com";
@@ -74,6 +74,7 @@ var QuotedContent = function QuotedContent() {
     title: '名称',
     dataIndex: 'name',
     key: 'name',
+    width: '100%',
     render: function render(text) {
       return /*#__PURE__*/React.createElement("span", {
         className: styles.listItem
@@ -82,7 +83,8 @@ var QuotedContent = function QuotedContent() {
         className: styles.img,
         src: activeKey === 'video' ? knowledgeConstants.VIDEO_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_BIG_ADDRESS
       }), /*#__PURE__*/React.createElement("span", {
-        className: styles.text
+        className: styles.text,
+        title: text
       }, text));
     }
   }];
@@ -206,12 +208,8 @@ var QuotedContent = function QuotedContent() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
         padding: 12,
-        width: 300
-      }
-    }, /*#__PURE__*/React.createElement(Space, {
-      style: {
-        width: '100%',
-        height: '100%'
+        width: 380,
+        position: 'relative'
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.quotedContent
@@ -260,22 +258,28 @@ var QuotedContent = function QuotedContent() {
           }
         };
       }
-    }))))));
+    })))));
   };
   return /*#__PURE__*/React.createElement(Popover, {
     visible: showmodel,
     content: renderContent,
     trigger: "custom",
     stopPropagation: true,
-    onClickOutSide: handleClose
+    onClickOutSide: handleClose,
+    position: "bottomLeft",
+    spacing: 6
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles.quotationIcon, " ").concat(showmodel && styles.isActive),
     onClick: function onClick() {
       return setShowmodel(true);
     }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: "\u5F15\u7528\u8BFE\u7A0B",
+    position: "top",
+    visible: showmodel ? false : undefined
   }, /*#__PURE__*/React.createElement("img", {
     src: showmodel ? isActiveQuotoIcon : quotoIcon,
     alt: ""
-  })));
+  }))));
 };
 export default QuotedContent;

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

@@ -4,6 +4,8 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  width: 100%;
+  overflow: hidden;
 }
 
 .searchInput {
@@ -11,6 +13,7 @@
   font-size: 12px;
   padding: 0 10px;
   border-radius: 8px;
+  width: 100%;
 }
 .searchInput input::placeholder {
   color: #7d91b3;
@@ -18,18 +21,25 @@
 
 .content {
   padding-top: 10px;
+  width: 100%;
+  overflow: hidden;
 }
 
 .newtab {
   padding-bottom: 10px;
+  width: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
 }
 
 .tabItem {
   font-size: 14px;
   padding: 5px 10px;
-  margin: 0 8px;
+  margin-right: 16px;
   border-radius: 8px;
   cursor: pointer;
+  flex-shrink: 0;
 }
 .tabItem:hover {
   background-color: #f7f7fc;
@@ -45,29 +55,35 @@
 .tabContent {
   overflow: auto;
   height: 200px;
+  width: 100%;
 }
 .tabContent .table {
   table-layout: fixed;
-}
-.tabContent .table :global(.semi-table-row-cell) span {
-  width: 270px;
+  width: 100%;
 }
 .tabContent .table :global(.semi-table-row-cell) {
   font-size: 12px;
   border: none !important;
-  white-space: nowrap;
+  padding: 8px 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0;
+}
+.tabContent .table :global(.semi-table-tbody .semi-table-row) {
+  width: 100%;
 }
 .tabContent .table .listItem {
   display: flex;
   align-items: center;
   cursor: pointer;
   width: 100%;
+  overflow: hidden;
+  min-width: 0;
 }
 .tabContent .table .listItem .img {
   width: 16px;
-  margin-right: 5px;
+  margin-right: 8px;
   flex-shrink: 0;
 }
 .tabContent .table .listItem .text {
@@ -75,6 +91,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  min-width: 0;
 }
 
 .tabContent::-webkit-scrollbar {

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