@myun/gimi-chat 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myun/gimi-chat",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",

package/dist/client/components/common-chat/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CommonChatProps } from '../../../types/chat';
-import { CommonChatRef } from '../../../types/chat';
-declare const CommonChat: React.ForwardRefExoticComponent<CommonChatProps & React.RefAttributes<CommonChatRef>>;
-export default CommonChat;

package/dist/client/components/common-chat/index.js

@@ -1,207 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useEffect } from 'react';
-import { store } from "../../../store";
-import { useAppDispatch, useAppSelector } from "../../../store/hooks";
-import { setBussinessParams } from "../../../store/slices/gimiMenuSlice";
-import useCommonChatAPI from "../../../hooks/useCommonChatAPI";
-import { replaceBraces } from "../../../utils/tools";
-import styles from "./index.module.css";
-import ChatInput from "../../../components/chat-input";
-import MessageList from "../../../components/message-list";
-import PresetAgentContent from "../../../components/preset-agent-content";
-import useChatVoice from "../../../hooks/useChatVoice";
-import { useChatUI } from "../../../hooks/useChatUI";
-import { IconChevronDown } from '@douyinfe/semi-icons';
-import KonwledgeTrace from "../../../components/knowledge-trace";
-import FileCardSideBar from "../../../components/file-card/fileCardSidebar";
-import OfficeFilePreviewPanel from "../../../components/file-preview";
-import AiLoading from "../../../components/ai-loading";
-var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$businessType = props.businessType,
-    businessType = _props$businessType === void 0 ? 'chat' : _props$businessType,
-    _props$showInput = props.showInput,
-    showInput = _props$showInput === void 0 ? true : _props$showInput,
-    _props$showHeader = props.showHeader,
-    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
-    _props$chatInputConfi = props.chatInputConfig,
-    chatInputConfig = _props$chatInputConfi === void 0 ? {
-      enableVoiceRecord: true,
-      enableVoiceChat: true,
-      enableFileUpload: true
-    } : _props$chatInputConfi,
-    _props$defaultMessage = props.defaultMessages,
-    defaultMessages = _props$defaultMessage === void 0 ? [] : _props$defaultMessage,
-    agentId = props.agentId,
-    _props$showPrologue = props.showPrologue,
-    showPrologue = _props$showPrologue === void 0 ? true : _props$showPrologue,
-    _props$model = props.model,
-    model = _props$model === void 0 ? 'fullscreen' : _props$model,
-    conversationId = props.conversationId,
-    bussinessParams = props.bussinessParams;
-  var dispatch = useAppDispatch();
-  var containerRef = React.useRef(null);
-  var chatInputRef = React.useRef(null);
-  var messageList = useAppSelector(function (state) {
-    return state.gimiMenu.messageList;
-  });
-  var agentObj = useAppSelector(function (state) {
-    return state.gimiMenu.agentObj;
-  });
-  var storedBaseUrl = useAppSelector(function (state) {
-    return state.gimiMenu.baseUrl;
-  });
-  var storedToken = useAppSelector(function (state) {
-    return state.gimiMenu.token;
-  });
-  var initMsg = useAppSelector(function (state) {
-    return state.gimiMenu.initMsg;
-  });
-  var chatUI = useChatUI();
-  var _useChatVoice = useChatVoice(),
-    isRecording = _useChatVoice.isRecording,
-    recordingCount = _useChatVoice.recordingCount,
-    asrText = _useChatVoice.asrText,
-    shortAsrClick = _useChatVoice.shortAsrClick,
-    isExecuting = _useChatVoice.isExecuting,
-    playTTSByText = _useChatVoice.playTTSByText,
-    stopTTSByText = _useChatVoice.stopTTSByText,
-    isPlaying = _useChatVoice.isPlaying;
-  var _useCommonChatAPI = useCommonChatAPI(containerRef, businessType, stopTTSByText, isPlaying, agentId),
-    headerValue = _useCommonChatAPI.headerValue,
-    msgLoading = _useCommonChatAPI.msgLoading,
-    onSucessExcel = _useCommonChatAPI.onSucessExcel,
-    handleInterrupt = _useCommonChatAPI.handleInterrupt,
-    onFailureExcel = _useCommonChatAPI.onFailureExcel,
-    onRetryExcel = _useCommonChatAPI.onRetryExcel,
-    disableSend = _useCommonChatAPI.disableSend,
-    inputModelRef = _useCommonChatAPI.inputModelRef,
-    isMoreLoading = _useCommonChatAPI.isMoreLoading,
-    startConversationAndChat = _useCommonChatAPI.startConversationAndChat,
-    getContentMessageList = _useCommonChatAPI.getContentMessageList,
-    hasMore = _useCommonChatAPI.hasMore,
-    handleSend = _useCommonChatAPI.handleSend,
-    scrollBottomForce = _useCommonChatAPI.scrollBottomForce,
-    showBackBottom = _useCommonChatAPI.showBackBottom,
-    isScrolling = _useCommonChatAPI.isScrolling,
-    regenerate = _useCommonChatAPI.regenerate,
-    startAICorrection = _useCommonChatAPI.startAICorrection;
-  React.useImperativeHandle(ref, function () {
-    return {
-      messageList: messageList,
-      agentDetail: agentObj,
-      conversationId: store.getState().gimiMenu.conversationId,
-      inputEditor: chatInputRef.current
-    };
-  });
-  React.useEffect(function () {
-    // 组件初始化
-    dispatch(setBussinessParams({
-      bussinessParams: bussinessParams || {}
-    }));
-  }, [bussinessParams]);
-  React.useEffect(function () {
-    if (bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.QUESTION_ID && bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.ANSWER_ID && businessType === 'correction' && storedBaseUrl && storedToken) {
-      startAICorrection(bussinessParams.ANSWER_ID, bussinessParams.QUESTION_ID);
-    }
-  }, [bussinessParams, storedBaseUrl, storedToken, businessType]);
-  var disableVoiceCommunication = React.useMemo(function () {
-    var lastedMessage = messageList[messageList.length - 1];
-    var content = (lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.content) || '';
-    if (content.indexOf('<excel>') > -1) return true;
-    if (['ask', 'skill'].includes((lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.moduleType) || '')) return true;
-    return false;
-  }, [messageList]);
-  var onHistoryReload = function onHistoryReload() {
-    hasMore.current = true;
-    getContentMessageList(1, 10);
-  };
-  var setInputValue = React.useCallback(function (content) {
-    var _chatInputRef$current;
-    (_chatInputRef$current = chatInputRef.current) === null || _chatInputRef$current === void 0 || _chatInputRef$current.setValue(content);
-  }, []);
-
-  // const onInputValueChange = React.useCallback((content: string) => {
-  //     setInputValue(content);
-  // }, []);
-
-  var handleInputSend = React.useCallback(function (val, agent, isSystemAuto) {
-    var _chatInputRef$current2;
-    (_chatInputRef$current2 = chatInputRef.current) === null || _chatInputRef$current2 === void 0 || _chatInputRef$current2.setValue('');
-    if (!conversationId) {
-      startConversationAndChat(val);
-      return;
-    }
-    handleSend(val, agent, isSystemAuto);
-  }, [handleSend, startConversationAndChat, conversationId]);
-  useEffect(function () {
-    if (initMsg) {
-      handleInputSend(initMsg);
-    }
-  }, [initMsg]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.main,
-    id: "myun_gimi_design_chat"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.chat_content
-  }, showHeader && headerValue && /*#__PURE__*/React.createElement("div", {
-    className: styles.content_header
-  }, replaceBraces(headerValue)), /*#__PURE__*/React.createElement("div", {
-    className: styles.scroll_wrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.scroll_container, " ").concat(isScrolling ? styles.scrolling : ''),
-    ref: containerRef
-  }, showPrologue && messageList.length === 0 && !isMoreLoading && /*#__PURE__*/React.createElement(PresetAgentContent, {
-    prologue: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.prologue) || '',
-    questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],
-    setInputValue: setInputValue
-  }), isMoreLoading ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(AiLoading, null)) : /*#__PURE__*/React.createElement(MessageList, _extends({
-    chatList: messageList || defaultMessages,
-    handleSend: handleSend,
-    inputModelRef: inputModelRef,
-    msgLoading: msgLoading,
-    onSucessExcel: onSucessExcel,
-    onFailureExcel: onFailureExcel,
-    onRegenerateClick: regenerate,
-    onRetryExcel: onRetryExcel,
-    chatUI: chatUI,
-    model: model,
-    isPlaying: isPlaying,
-    playTTSByText: playTTSByText,
-    stopTTSByText: stopTTSByText
-  }, props.messageConfig))), showBackBottom && /*#__PURE__*/React.createElement("div", {
-    className: styles.backBottomBtn,
-    onClick: function onClick() {
-      return scrollBottomForce(true);
-    }
-  }, /*#__PURE__*/React.createElement(IconChevronDown, {
-    size: "large"
-  }))), showInput && /*#__PURE__*/React.createElement(ChatInput, _extends({
-    ref: chatInputRef
-  }, chatInputConfig, {
-    onSend: handleInputSend,
-    disabled: disableSend || isMoreLoading,
-    defaultPrompt: messageList.length > 0 ? '' : (agentObj === null || agentObj === void 0 ? void 0 : agentObj.defaultPrompt) || '',
-    titleSlot: messageList.length > 0 ? '' : (agentObj === null || agentObj === void 0 ? void 0 : agentObj.agentName) || '',
-    showDefaultPrompt: messageList.length === 0
-    // onContentChange={onInputValueChange}
-    ,
-    onInterrupt: handleInterrupt,
-    isRecording: isRecording,
-    isVoiceGetting: isExecuting,
-    recordingCount: recordingCount,
-    asrText: asrText,
-    shortAsrClick: shortAsrClick,
-    disableVoiceCommunication: disableVoiceCommunication,
-    onHistoryReload: onHistoryReload
-  }, props.chatInputConfig))), /*#__PURE__*/React.createElement(KonwledgeTrace, _extends({}, props.sidebarConfig, {
-    chatList: messageList || defaultMessages,
-    isOverFlow: model === 'fullscreen' ? false : true
-  })), /*#__PURE__*/React.createElement(FileCardSideBar, _extends({}, props.sidebarConfig, {
-    isOverFlow: model === 'fullscreen' ? false : true
-  })), /*#__PURE__*/React.createElement(OfficeFilePreviewPanel, null));
-});
-export default CommonChat;

package/dist/client/components/common-chat/index.module.css

@@ -1,109 +0,0 @@
-@charset "UTF-8";
-.main {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  gap: 20px;
-  overflow: hidden;
-  position: relative;
-}
-
-.chat_content {
-  flex: 1;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  position: relative;
-}
-
-.scroll_wrapper {
-  flex: 1;
-  position: relative;
-  width: 100%;
-  min-height: 0;
-}
-
-.scroll_container {
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  width: 100%;
-  position: relative;
-}
-.scroll_container::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-.scroll_container::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  background: transparent;
-}
-.scroll_container::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 6px;
-}
-.scroll_container.scrolling::-webkit-scrollbar-thumb {
-  background: rgba(144, 147, 153, 0.3);
-}
-.scroll_container::-webkit-scrollbar-thumb:hover {
-  background: rgba(144, 147, 153, 0.5);
-}
-
-.backBottomBtn {
-  position: absolute;
-  bottom: 20px;
-  right: 20px;
-  width: 40px;
-  height: 40px;
-  background: #fff;
-  border-radius: 50%;
-  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 10;
-  transition: all 0.3s;
-  color: #1c1f23;
-}
-.backBottomBtn:hover {
-  background: #f2f3f5;
-}
-
-.content_header {
-  width: 100%;
-  height: 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 500;
-  font-size: 16px;
-  color: #2e394c;
-  line-height: 22px;
-  text-align: center;
-  font-style: normal;
-  position: relative;
-}
-.content_header .content_header_title {
-  width: 340px;
-  height: 100%;
-  line-height: 50px;
-  overflow: hidden;
-  /* 隐藏溢出内容 */
-  white-space: nowrap;
-  /* 强制文本不换行 */
-  text-overflow: ellipsis;
-  /* 超出部分显示省略号 */
-}
-.content_header .text_shanow {
-  z-index: 5;
-  pointer-events: none;
-  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
-  width: 97%;
-  height: 32px;
-  position: absolute;
-  top: 100%;
-  left: 1px;
-}