修改：移动到 IM 文件夹

src/views/im/Message/components/inputBox/index.vue

@@ -1,16 +1,21 @@
 <script setup>
 import { ElLoading, ElMessageBox } from 'element-plus'
-import { emojis } from '@/constant'
-import { messageType } from '@/constant'
+import { emojis } from '@/constant/im'
+import { messageType } from '@/constant/im'
 import _ from 'lodash'
+import { onClickOutside } from '@vueuse/core'
 /* 组件 */
 import PreviewSendImg from '../suit/previewSendImg.vue'
 import VueAt from 'vue-at/dist/vue-at-textarea' // for textarea
-const { ALL_MESSAGE_TYPE, CHAT_TYPE, MENTION_ALL } = messageType
-const nowPickInfo = ref({
-  id: '',
-  chatType: ''
+const props = defineProps({
+  nowPickInfo: {
+    type: Object,
+    required: true,
+    default: () => ({})
+  }
 })
+const { ALL_MESSAGE_TYPE, CHAT_TYPE, MENTION_ALL } = messageType
+const { nowPickInfo } = toRefs(props)
 const atMembersList = ref([])
 //附件类上传加载状态
 const loadingBox = ref(null)
@@ -56,6 +61,9 @@ const checkAtMembers = (text) => {
 //emojis框展开
 const isShowEmojisBox = ref(false)
 const emojisBox = ref(null)
+onClickOutside(emojisBox, () => {
+  isShowEmojisBox.value = false
+})
 const showEmojisBox = () => {
   console.log('>>>>>展开模态框')
   isShowEmojisBox.value = true
@@ -286,6 +294,9 @@ const sendFilesMessages = async () => {
 const isHttps = window.location.protocol === 'https:' || window.location.hostname === 'localhost'
 const isShowRecordBox = ref(false)
 const recordBox = ref(null)
+onClickOutside(recordBox, () => {
+  isShowRecordBox.value = false
+})
 const showRecordBox = () => {
   isShowRecordBox.value = true
 }