From d7b655267ed5a16dbe25dc17a17ac98795127595 Mon Sep 17 00:00:00 2001
From: lan-yonghui <81747598+lan-yonghui@users.noreply.github.com>
Date: Tue, 14 May 2024 10:06:33 +0800
Subject: [PATCH] feat: Add title slot to alert component (#5911)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind feature
/area core
/area ui

#### What this PR does / why we need it:
alert 组件增加标题插槽，可以更好的自定义标题内容！

#### Does this PR introduce a user-facing change?

```release-note
为 VAlert 组件增加标题插槽
```
---
 ui/packages/components/src/components/alert/Alert.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/packages/components/src/components/alert/Alert.vue b/ui/packages/components/src/components/alert/Alert.vue
index 49b80f354..8b9d897c7 100644
--- a/ui/packages/components/src/components/alert/Alert.vue
+++ b/ui/packages/components/src/components/alert/Alert.vue
@@ -54,8 +54,10 @@ const handleClose = () => {
           <component :is="TypeIcons[type]" />
         </slot>
       </div>
-      <div class="alert-title">
-        {{ title }}
+      <div v-if="title || $slots.title" class="alert-title">
+        <slot name="title">
+          {{ title }}
+        </slot>
       </div>
       <div v-if="closable" class="alert-close" @click="handleClose">
         <IconClose />