From 8664a60e358c247a72b3bad8e0ecf2da26b61c87 Mon Sep 17 00:00:00 2001
From: sijinhui <sijinhui@qq.com>
Date: Wed, 25 Sep 2024 11:06:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E5=AE=8C=E6=88=90=E8=A7=82?=
 =?UTF-8?q?=E5=AF=9F=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/chat-list.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/components/chat-list.tsx b/app/components/chat-list.tsx
index 03708c130..04cfbaada 100644
--- a/app/components/chat-list.tsx
+++ b/app/components/chat-list.tsx
@@ -189,16 +189,14 @@ export function ChatList(props: { narrow?: boolean }) {
             {...provided.droppableProps}
           >
             <QueueAnim
-              delay={300}
+              delay={150}
               ease={["easeOutQuart", "easeInOutQuart"]}
               duration={[550, 450]}
               animConfig={[
-                { opacity: [1, 0], translateY: [0, 30] },
-                { height: 0 },
+                { opacity: [1, 0], translateY: [0, -30] },
+                { height: 0, translateY: [-30, 0], opacity: [0, 1] },
               ]}
-              key={sessions.length}
-              // interval={150}
-              // TODO: 目前有一个问题，下面是遍历的所以每次元素变动都会重新全部渲染
+              interval={150}
             >
               {sessions.map((item, i) => (
                 <div key={item.id}>