@myun/gimi-chat 0.3.7 → 0.3.8

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,7 +9,7 @@ export interface KonwledgeTraceState {
     messageId: number;
 }
 declare const KonwledgeTrace: React.FC<{
-    targetElement?: HTMLElement;
+    sidebarTargetElm?: HTMLElement;
     chatList: any[];
     isOverFlow: boolean;
     className?: string;

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

@@ -18,7 +18,7 @@ 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,
@@ -146,7 +146,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/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 {