修复已知问题

TUIKit/components/TUIChat/message-list/message-elements/message-tip.vue

@@ -5,44 +5,50 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from '../../../../adapter-vue';
-const props = defineProps({
-  content: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-const tipContent = computed(() => `${props.content.nick || props.content.from} 创建群聊`);
+  import { computed } from '../../../../adapter-vue'
+  const props = defineProps({
+    content: {
+      type: Object,
+      default: () => ({})
+    }
+  })
+
+  const tipContent = computed(() => {
+    if (props.content?.businessID == 'group_create') {
+      return `${props.content?.showName} 创建群聊`
+    }
+    return props.content?.text || props.content?.custom || ''
+  })
 </script>
 <style lang="scss" scoped>
-@import "../../../../assets/styles/common";
+  @import '../../../../assets/styles/common';
 
-.message-tip {
-  margin: 0 auto;
-  padding: 0 20px;
-  color: #999;
-  font-size: 12px;
-  overflow-wrap: anywhere;
-  display: flex;
-  place-content: center center;
-  align-items: center;
-  text-align: center;
-  margin-bottom: 10px;
+  .message-tip {
+    margin: 0 auto;
+    padding: 0 20px;
+    color: #999;
+    font-size: 12px;
+    overflow-wrap: anywhere;
+    display: flex;
+    place-content: center center;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 10px;
 
-  &-highlight {
-    animation: highlight 1000ms infinite;
+    &-highlight {
+      animation: highlight 1000ms infinite;
 
-    @keyframes highlight {
-      50% {
-        color: #ff9c19;
+      @keyframes highlight {
+        50% {
+          color: #ff9c19;
+        }
       }
-    }
 
-    @keyframes highlight {
-      50% {
-        color: #ff9c19;
+      @keyframes highlight {
+        50% {
+          color: #ff9c19;
+        }
       }
     }
   }
-}
 </style>