| | |
| | | <template> |
| | | <div class="message-list"> |
| | | <div v-for="(item, msgIndex) of msgList" :key="`${item.historyId}_${item.role}`"> |
| | | <div class="message-list pb-10"> |
| | | <div v-for="(item, msgIndex) of msgList" :key="`${item.historyId ?? msgIndex}_${item.role}`"> |
| | | <UserMsg |
| | | :msg="item" |
| | | @shareClick="shareClick" |
| | |
| | | :isLast="msgIndex === msgList.length - 1" |
| | | @sendChatMessage="sendChatMessage" |
| | | @shareMsg="shareClick" |
| | | @stopGenClick="stopGenClick" |
| | | :isTalking="isTalking" |
| | | /> |
| | | </div> |
| | | <div v-if="showAskMore" class="ml-4 mt-5 pb-10"> |
| | | <div v-if="showAskMore" class="ml-4 mt-5 "> |
| | | <div class="text-gray-600 mb-5">你可以继续问我:</div> |
| | | <div class="space-y-2 inline-flex flex-col"> |
| | | <div |
| | |
| | | setCommonQuestionClick: (msg: ChatMessage) => true, |
| | | sendChatMessage: (msg: ChatContent) => true, |
| | | askMoreClick: (msg: ContextHistory) => true, |
| | | stopGenClick: () => true, |
| | | }); |
| | | const showAskMore = computed(() => { |
| | | if (!props.msgList || props.msgList.length === 0) return false; |
| | |
| | | const askMoreClick = (msg: ContextHistory) => { |
| | | emit('askMoreClick', msg); |
| | | }; |
| | | |
| | | const stopGenClick = () => { |
| | | emit('stopGenClick'); |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"></style> |