接入画布

This commit is contained in:
X1627315083
2025-06-09 10:25:54 +08:00
parent 87a08f5f8f
commit c266967f16
157 changed files with 43833 additions and 1571 deletions

View File

@@ -134,10 +134,9 @@ export default defineComponent({
data.chatContent = ''
dataDom.textarea.value = ''
data.filList = []
let isText = !data.enableThinking
eventSource.onmessage = function(event) {
data.isFinish = false
// console.log('收到数据:', JSON.parse(event.data));
console.log('收到数据:', JSON.parse(event.data));
// if(event.data.status == 'DESIGN_SIGNAL'){
// emit('chatChange',{type:'design'})
// }else if(event.data.status == 'RUNNING'){
@@ -145,30 +144,32 @@ export default defineComponent({
// }
const container = dataDom.chatBox;
container.scrollTop = container.scrollHeight;
if(JSON.parse(event.data).status == "[RUNNING]"){
if(/\[TEXT\]/.test(JSON.parse(event.data).content)){
isText = true
}
if(isText){
data.chatList[data.chatList.length-1].content.message+=JSON.parse(event.data).content
}else{
data.chatList[data.chatList.length-1].content.think+=JSON.parse(event.data).content
}
}else{
let list = ['[MOOD_SIGNAL]','[PRINT_SIGNAL]','[SKETCH_SIGNAL]']
if(JSON.parse(event.data).status == "[DESIGN_SIGNAL]"){
}else if(JSON.parse(event.data).status == "[COLOR_SIGNAL]"){
data.chatList.push({content:{message:''},role:'system'})
data.chatList[data.chatList.length-1].content.color = JSON.parse(JSON.parse(event.data).tools_data).receiveCollectionElementList
data.chatList.push({content:{message:''},role:'system'})
}else if(list.indexOf(JSON.parse(event.data).status)>-1){
data.chatList.push({content:{message:''},role:'system'})
data.chatList[data.chatList.length-1].content.img = JSON.parse(JSON.parse(event.data).tools_data).receiveCollectionElementList
const eventData = JSON.parse(event.data)
if(eventData.type == 'text'){
data.chatList[data.chatList.length-1].content.message+=eventData.content
}else if(eventData.type == 'think'){
data.chatList[data.chatList.length-1].content.think+=eventData.content
}else if(eventData.type == "tools_response"){
let nameList = ['moodboard','printboard','sketchboard','generate_color_code']
let getData = ''
if(nameList.indexOf(eventData.tools_name) > -1){
if(data.chatList[data.chatList.length - 1].content.message)data.chatList.push({content:{message:''},role:'system'})
if(eventData.tools_name == 'generate_color_code'){
data.chatList[data.chatList.length-1].content.color = JSON.parse(JSON.parse(event.data).content).receiveCollectionElementList
getData = 'colorboard'
}else{
data.chatList[data.chatList.length-1].content.img = JSON.parse(JSON.parse(event.data).content).receiveCollectionElementList
getData = eventData.tools_name
}
data.chatList.push({content:{message:''},role:'system'})
}else{
}
emit('chatChange',{type:JSON.parse(event.data).status})
emit('chatChange',{type:eventData.type,module:getData})
}
//emit('chatChange',{type:JSON.parse(event.data).status})
};
eventSource.onerror = function(error) {
if (eventSource.readyState === EventSource.CLOSED) {
@@ -386,7 +387,7 @@ export default defineComponent({
display: flex;
padding: 1.2rem 2rem;
border-radius: 2.4rem;
-webkit-user-select: none;
// -webkit-user-select: none;
> .icon{
> img{
width: 2.5rem;