From 8703f7ddda1cbdbee1cefc4c8f9a31ea97272494 Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期一, 18 十一月 2024 14:24:50 +0800 Subject: [PATCH] 打包优化: 1)使用 lodash-es 2)element-plus按需导入 --- src/components/chat/components/playBar/PlayBar.vue | 27 ++++++++++++++++++++------- 1 files changed, 20 insertions(+), 7 deletions(-) diff --git a/src/components/chat/components/playBar/PlayBar.vue b/src/components/chat/components/playBar/PlayBar.vue index 38f36f7..a009436 100644 --- a/src/components/chat/components/playBar/PlayBar.vue +++ b/src/components/chat/components/playBar/PlayBar.vue @@ -2,7 +2,7 @@ <div class="playInput hl_input rounded-[22px] input-border input-shadow"> <!-- 搴旂敤鍦烘櫙 --> <div class="application-scenarios absolute bottom-[114%] left-4"> - <div class="flex-items-center space-x-2"> + <div class="flex-items-center space-x-2" :class="isHome ? 'set-next-group-type' : ''"> <div class="border border-gray-400 border-solid h-8 flex-items-center px-3 py-2 rounded-2xl cursor-pointer space-x-1 hover:bg-[#cae3ff]" :class="{ 'bg-[#c5e0ff]': activeGroupType === item, '!text-[#1c86ff]': activeGroupType === item }" @@ -95,7 +95,7 @@ <img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" /> </el-button> --> - <el-button title="鍙戦��" :disabled="isTalking" class="cursor-pointer" link @click="emits('sendClick')"> + <el-button title="鍙戦��" class="cursor-pointer" link @click="emits('sendClick')"> <div class="send"> <img src="/static/images/wave/QueryImg.png" /> </div> @@ -124,7 +124,6 @@ import { onClickOutside } from '@vueuse/core'; import type { InputInstance } from 'element-plus'; import { ElMessage } from 'element-plus'; -import _ from 'lodash'; import getCaretCoordinates from 'textarea-caret'; import { computed, nextTick, ref, toRefs, watch } from 'vue'; import InfoDetail from './InfoDetail.vue'; @@ -132,6 +131,7 @@ import VoicePage from './voicePage/VoicePage.vue'; import { getMetricsNames, querySimilarityHistory } from '/@/api/ai/chat'; import { activeGroupType, groupTypeList, groupTypeMapIcon } from '/@/stores/chatRoom'; +import { sortBy } from 'lodash-es'; const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick']); const props = defineProps({ isTalking: Boolean, @@ -155,7 +155,7 @@ type: String, }); -const tipIsShow = computed(() => !!inputValue.value.trim() && similarList.value?.length > 0 && triggerShow.value); +const tipIsShow = computed(() => !!inputValue.value?.trim() && similarList.value?.length > 0 && triggerShow.value); const triggerShow = ref(false); const inputRef = ref<InputInstance>(null); @@ -207,6 +207,7 @@ onClickOutside(tipEleRef, () => { triggerShow.value = false; }); + const inputText = (text) => { nextTick(() => { setTimeout(() => { @@ -314,7 +315,7 @@ }; // 鎸� startIndex 鎺掑簭锛屾秷闄ゅ郊姝や箣闂撮噸鍚堝厓绱� - sentenceMatchList = _.sortBy(sentenceMatchList, (item) => item.startIndex).filter((value, index, array) => { + sentenceMatchList = sortBy(sentenceMatchList, (item) => item.startIndex).filter((value, index, array) => { if (nextIsMerge) { checkNextIsMerge(value, index, array); return false; @@ -438,11 +439,10 @@ //#region ====================== 褰撳墠搴旂敤鍦烘櫙 ====================== const currentGroupTypeIsShow = computed(() => !!activeGroupType.value); - const groupTypeClick = (item) => { activeGroupType.value = item; - inputRef.value.focus(); + commonPhrasesRef.value.getCommonPhrases(); }; // 鍏抽棴褰撳墠 groupType 闈㈡澘 @@ -453,13 +453,26 @@ //#region ====================== 甯哥敤璇姛鑳� ====================== const commonPhrasesRef = ref(null); +// 甯哥敤璇姛鑳界偣鍑� const commonPhrasesClick = () => { isShowPhrase.value = true; }; +// 鍖哄煙鍏抽棴甯哥敤璇姛鑳介潰鏉� +onClickOutside( + commonPhrasesRef, + () => { + isShowPhrase.value = false; + }, + { + ignore: ['.el-message-box'], + } +); +// 甯哥敤璇姛鑳借緭鍏ユ鏇存柊 const updateCommonChatInput = (val) => { inputValue.value = val; isShowPhrase.value = false; }; + watch(setCommonQuestionInfo, (val) => { if (!props.isHome) { let obj = { -- Gitblit v1.9.3