更新组件声明，新增SearchByCondition组件；调整FileMessage.vue的样式，增加高度；优化ImageMessage.vue中的图片样式，移除不必要的样式属性。

components.d.ts

@@ -69,6 +69,7 @@ declare module 'vue' {
     RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    SearchByCondition: typeof import('./src/components/search/searchByCondition.vue')['default']
     SearchItem: typeof import('./src/components/search/searchItem.vue')['default']
     SearchList: typeof import('./src/components/search/searchList.vue')['default']
     SysGroupAdminMessage: typeof import('./src/components/talk/message/system/SysGroupAdminMessage.vue')['default']

src/components/search/searchByCondition.vue

@@ -200,10 +200,10 @@
                     >
                       <div class="attachment-avatar">
                         <img :src="item?.extra?.file_avatar" v-if="state.condition === 'file'" />
-                        <img
+                        <!-- <img
                           src="@/static/image/search/result-link-icon.png"
                           v-if="state.condition === 'link'"
-                        />
+                        /> -->
                       </div>
                       <div class="attachment-info">
                         <div class="attachment-info-title">

src/components/talk/message/FileMessage.vue

@@ -178,6 +178,7 @@ const handleDownload = () => {
 .file-message {
   width: 243px;
   background-color: #fff;
+  height: 110px;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   padding: 0 14px;

src/components/talk/message/ImageMessage.vue

@@ -35,7 +35,7 @@ const img = (src: string, width = 200) => {
     :class="{ left: data.float === 'left' }"
     :style="img(extra.url, 350)"
   >
-    <n-image :src="extra.url" />
+    <n-image class="h-149px" :src="extra.url" />
   </section>
 </template>
 <style lang="less" scoped>
@@ -44,9 +44,6 @@ const img = (src: string, width = 200) => {
   padding: 5px;
   border-radius: 5px;
   background: var(--im-message-left-bg-color);
-  min-width: 30px;
-  min-height: 30px;
-  max-width:240px;
   height:149px
   &.left {
     background: var(--im-message-right-bg-color);