feat: 插槽

src/App.vue

 <template>
-  <a-config-provider :locale="zhCN">
-    <IM v-if="memberStore.me.user_uuid" />
-    <ImPersonIntroduce ref="introRefc" :user-id="personUid" :container="container" />
-    <ImCustomerInfo ref="customerRefc" :user-id="customerId" />
-  </a-config-provider>
+  <IM v-if="memberStore.me.user_uuid" />
+  <ImPersonIntroduce ref="introRefc" :user-id="personUid" :container="container" />
+  <ImCustomerInfo ref="customerRefc" :user-id="customerId" />
 </template>
 
 <script lang="ts" setup>
-import zhCN from 'ant-design-vue/es/locale/zh_CN'
 import IM from '@/views/im/index.vue'
 import ImPersonIntroduce from '@/views/im/components/ImPersonIntroduce.vue'
 import ImCustomerInfo from '@/views/im/components/ImCustomerInfo.vue'

src/Demo.vue

 <template>
-  <div class="qtable-im">
-    <!-- 完整dome -->
-    <ChatRoom tabType="all"></ChatRoom>
-  </div>
+  <a-config-provider :locale="zhCN">
+    <div class="qtable-im">
+      <!-- 完整dome -->
+      <ChatRoom tabType="all"></ChatRoom>
+    </div>
+  </a-config-provider>
 </template>
 
 <script setup>
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
 import { getCurrentInstance } from 'vue'
 import { installChat, ChatRoom } from './pkg'
 

src/views/im/chatRoom/messageTypes/qNoticeMessage/index.vue

@@ -12,9 +12,10 @@
 <script setup>
 import QNoticeCard from '@/views/workbench/qNotice/qNoticeCard/qNoticeCard.vue'
 import { eventBus } from '@/utils/eventBus'
-import { defineProps } from 'vue'
 import { IM_Q_NOTIFY_DETAIL, IM_REPLAY } from '@/views/im/config/events'
+
 const props = defineProps({ message: Object })
+
 function handleDetail(...args) {
   eventBus.emit(IM_Q_NOTIFY_DETAIL, ...args)
 }

src/views/im/contacts/Contacts.vue

@@ -16,6 +16,7 @@
           class="flex1 w0 search"
           :handle-select-search="handleSelectSearch"
         ></search-chat>
+        <div class="contacts-header-right-slot"></div>
       </template>
     </div>
     <div class="offline">

src/views/im/contacts/SearchChat.vue

@@ -11,6 +11,9 @@
       @focus="focus"
       @input="handleSearch"
     >
+      <template v-slot:suffix>
+        <div class="contacts-search-right-slot"></div>
+      </template>
     </input-search>
     <div v-show="showSearch" v-loading.center="searchLoading" class="search-list">
       <div id="im-chat-search-list" ref="searchListRef" class="search-list__content scroll-bar">