Compare commits
No commits in common. "35abfea922ab52dbb6ebe9b69a833088281e79a6" and "cf2a3ba19a0d6c36921293fccc76175160d9d419" have entirely different histories.
35abfea922
...
cf2a3ba19a
@ -256,9 +256,8 @@ const handleScrollToLower = () => {};
|
|||||||
// 滚动到底部 - 优化版本,确保打字机效果始终可见
|
// 滚动到底部 - 优化版本,确保打字机效果始终可见
|
||||||
const scrollToBottom = () => {
|
const scrollToBottom = () => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
// 使用更大的值确保滚动到真正的底部
|
|
||||||
scrollTop.value = 99999;
|
scrollTop.value = 99999;
|
||||||
// 强制触发滚动更新,增加延迟确保DOM更新完成
|
// 强制触发滚动更新
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
scrollTop.value = scrollTop.value + Math.random();
|
scrollTop.value = scrollTop.value + Math.random();
|
||||||
}, 10);
|
}, 10);
|
||||||
@ -539,6 +538,7 @@ const initTypewriterManager = () => {
|
|||||||
typewriterManager.setCallbacks({
|
typewriterManager.setCallbacks({
|
||||||
// 每个字符打字时的回调
|
// 每个字符打字时的回调
|
||||||
onCharacterTyped: (displayedContent) => {
|
onCharacterTyped: (displayedContent) => {
|
||||||
|
// 只有在用户没有滚动时才自动滚动到底部
|
||||||
scrollToBottom();
|
scrollToBottom();
|
||||||
},
|
},
|
||||||
// 内容更新时的回调
|
// 内容更新时的回调
|
||||||
@ -671,14 +671,14 @@ const stopRequest = () => {
|
|||||||
// 发送中断消息给服务器 (messageType=2)
|
// 发送中断消息给服务器 (messageType=2)
|
||||||
sendWebSocketMessage(2, "stop_request", { silent: true });
|
sendWebSocketMessage(2, "stop_request", { silent: true });
|
||||||
|
|
||||||
// 停止打字机效果并保留当前内容
|
// 停止打字机效果
|
||||||
if (typewriterManager) {
|
if (typewriterManager) {
|
||||||
// 获取当前已显示的内容
|
typewriterManager.stopTypewriter();
|
||||||
const currentStatus = typewriterManager.getStatus();
|
}
|
||||||
const currentDisplayedContent = currentStatus.displayedContent;
|
|
||||||
|
|
||||||
// 使用新的方法停止并保留当前内容
|
// 重置会话状态和消息状态
|
||||||
typewriterManager.stopAndKeepCurrent();
|
isSessionActive.value = false;
|
||||||
|
resetMessageState();
|
||||||
|
|
||||||
// 更新最后一条AI消息的状态
|
// 更新最后一条AI消息的状态
|
||||||
const aiMsgIndex = chatMsgList.value.length - 1;
|
const aiMsgIndex = chatMsgList.value.length - 1;
|
||||||
@ -687,21 +687,13 @@ const stopRequest = () => {
|
|||||||
chatMsgList.value[aiMsgIndex].msgType === MessageRole.AI
|
chatMsgList.value[aiMsgIndex].msgType === MessageRole.AI
|
||||||
) {
|
) {
|
||||||
chatMsgList.value[aiMsgIndex].isLoading = false;
|
chatMsgList.value[aiMsgIndex].isLoading = false;
|
||||||
// 如果有已显示的内容,使用已显示的内容,否则显示停止消息
|
|
||||||
if (
|
if (
|
||||||
currentDisplayedContent &&
|
!chatMsgList.value[aiMsgIndex].msg ||
|
||||||
currentDisplayedContent.trim() &&
|
chatMsgList.value[aiMsgIndex].msg.startsWith("加载中")
|
||||||
!currentDisplayedContent.startsWith("加载中")
|
|
||||||
) {
|
) {
|
||||||
chatMsgList.value[aiMsgIndex].msg = currentDisplayedContent;
|
|
||||||
} else {
|
|
||||||
chatMsgList.value[aiMsgIndex].msg = "请求已停止";
|
chatMsgList.value[aiMsgIndex].msg = "请求已停止";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// 重置会话状态(但不重置消息状态,保留已显示内容)
|
|
||||||
isSessionActive.value = false;
|
|
||||||
|
|
||||||
console.log("请求已停止,状态已重置");
|
console.log("请求已停止,状态已重置");
|
||||||
|
|
||||||
|
|||||||
@ -60,7 +60,7 @@ const initData = () => {
|
|||||||
icon: "/static/quick/quick_icon_call.png",
|
icon: "/static/quick/quick_icon_call.png",
|
||||||
title: "反馈意见",
|
title: "反馈意见",
|
||||||
content: "有意见告诉朵朵",
|
content: "有意见告诉朵朵",
|
||||||
type: "Command.feedbackCard",
|
type: "Command.createWorkOrder",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
};
|
};
|
||||||
|
|||||||
@ -7,8 +7,8 @@ class TypewriterManager {
|
|||||||
// 配置选项
|
// 配置选项
|
||||||
this.options = {
|
this.options = {
|
||||||
typingSpeed: 50, // 打字速度(毫秒)
|
typingSpeed: 50, // 打字速度(毫秒)
|
||||||
cursorText: "", // 光标样式
|
cursorText: '', // 光标样式
|
||||||
...options,
|
...options
|
||||||
};
|
};
|
||||||
|
|
||||||
// 状态变量
|
// 状态变量
|
||||||
@ -41,7 +41,7 @@ class TypewriterManager {
|
|||||||
* @param {string} content - 要添加的内容
|
* @param {string} content - 要添加的内容
|
||||||
*/
|
*/
|
||||||
addContent(content) {
|
addContent(content) {
|
||||||
if (typeof content !== "string") {
|
if (typeof content !== 'string') {
|
||||||
content = String(content);
|
content = String(content);
|
||||||
}
|
}
|
||||||
this.currentMessageContent += content;
|
this.currentMessageContent += content;
|
||||||
@ -70,13 +70,9 @@ class TypewriterManager {
|
|||||||
_typeNextChar() {
|
_typeNextChar() {
|
||||||
// 如果已显示内容长度小于完整内容长度,继续打字
|
// 如果已显示内容长度小于完整内容长度,继续打字
|
||||||
if (this.displayedContent.length < this.currentMessageContent.length) {
|
if (this.displayedContent.length < this.currentMessageContent.length) {
|
||||||
const nextLength = Math.min(
|
|
||||||
this.displayedContent.length + 1,
|
|
||||||
this.currentMessageContent.length
|
|
||||||
);
|
|
||||||
this.displayedContent = this.currentMessageContent.substring(
|
this.displayedContent = this.currentMessageContent.substring(
|
||||||
0,
|
0,
|
||||||
nextLength
|
this.displayedContent.length + 1
|
||||||
);
|
);
|
||||||
|
|
||||||
const displayContent = this.displayedContent;
|
const displayContent = this.displayedContent;
|
||||||
@ -96,6 +92,7 @@ class TypewriterManager {
|
|||||||
this.typewriterTimer = setTimeout(() => {
|
this.typewriterTimer = setTimeout(() => {
|
||||||
this._typeNextChar();
|
this._typeNextChar();
|
||||||
}, delay);
|
}, delay);
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
// 打字完成,移除光标
|
// 打字完成,移除光标
|
||||||
if (this.onContentUpdate) {
|
if (this.onContentUpdate) {
|
||||||
@ -122,21 +119,6 @@ class TypewriterManager {
|
|||||||
this.isTyping = false;
|
this.isTyping = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 停止打字机效果并保留当前显示的内容
|
|
||||||
* 与stopTypewriter不同,这个方法会将当前显示的内容设为最终内容
|
|
||||||
*/
|
|
||||||
stopAndKeepCurrent() {
|
|
||||||
this.stopTypewriter();
|
|
||||||
// 将当前显示的内容设为完整内容,避免后续添加更多内容
|
|
||||||
this.currentMessageContent = this.displayedContent;
|
|
||||||
|
|
||||||
// 调用完成回调
|
|
||||||
if (this.onTypingComplete) {
|
|
||||||
this.onTypingComplete(this.displayedContent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 重置打字机状态
|
* 重置打字机状态
|
||||||
*/
|
*/
|
||||||
@ -155,10 +137,9 @@ class TypewriterManager {
|
|||||||
isTyping: this.isTyping,
|
isTyping: this.isTyping,
|
||||||
currentContent: this.currentMessageContent,
|
currentContent: this.currentMessageContent,
|
||||||
displayedContent: this.displayedContent,
|
displayedContent: this.displayedContent,
|
||||||
progress:
|
progress: this.currentMessageContent.length > 0
|
||||||
this.currentMessageContent.length > 0
|
|
||||||
? this.displayedContent.length / this.currentMessageContent.length
|
? this.displayedContent.length / this.currentMessageContent.length
|
||||||
: 0,
|
: 0
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user