fix: improve notification bubble panel hide animation

panels/notification/bubble/bubblepanel.cpp

@@ -1,15 +1,16 @@
-// SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
+// SPDX-FileCopyrightText: 2024 - 2026 UnionTech Software Technology Co., Ltd.
 //
 // SPDX-License-Identifier: GPL-3.0-or-later
 
 #include "bubblepanel.h"
 #include "bubbleitem.h"
 #include "bubblemodel.h"
 #include "dataaccessorproxy.h"
 #include "pluginfactory.h"
 
+#include <QTimer>
 #include <QLoggingCategory>
 #include <QQueue>
 
 #include <appletbridge.h>
 
@@ -110,7 +111,13 @@
 void BubblePanel::onBubbleCountChanged()
 {
     bool isEmpty = m_bubbles->items().isEmpty();
-    setVisible(!isEmpty && enabled());
+    if (isEmpty) {
+        QTimer::singleShot(400, this, [this]() {
+            setVisible(false);
+        });
+    } else {
+        setVisible(!isEmpty && enabled());
+    }
 }
 
 void BubblePanel::addBubble(qint64 id)

panels/notification/bubble/package/main.qml

@@ -129,8 +129,29 @@ Window {
             }
         }
         delegate: Bubble {
+            id: delegateItem
             width: 360
             bubble: model
+
+            ListView.onRemove: SequentialAnimation {
+                PropertyAction {
+                    target: delegateItem
+                    property: "ListView.delayRemove"
+                    value: true
+                }
+                NumberAnimation {
+                    target: delegateItem
+                    property: "x"
+                    to: 360
+                    duration: 400
+                    easing.type: Easing.InExpo
+                }
+                PropertyAction {
+                    target: delegateItem
+                    property: "ListView.delayRemove"
+                    value: false
+                }
+            }
         }
     }
 }