From 184d16184e138d39c93917ca58bbb472451fe247 Mon Sep 17 00:00:00 2001
From: ShineKOT <1917095344@qq.com>
Date: Tue, 25 Feb 2025 19:37:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=20=E6=9B=B4=E6=96=B0=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat-toolbar/chat-toolbar.scss | 2 +-
 src/components/chat-toolbar/chat-toolbar.tsx  | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/chat-toolbar/chat-toolbar.scss b/src/components/chat-toolbar/chat-toolbar.scss
index d5c5241..4a6eda5 100644
--- a/src/components/chat-toolbar/chat-toolbar.scss
+++ b/src/components/chat-toolbar/chat-toolbar.scss
@@ -33,7 +33,7 @@
 
     @include when(loading) {
       pointer-events: none;
-      animation: loading-change 0.8s infinite;
+      color: #{getCssVar('ai-chat', 'disabled-color')};
     }
   }
 
diff --git a/src/components/chat-toolbar/chat-toolbar.tsx b/src/components/chat-toolbar/chat-toolbar.tsx
index e5ab2cf..2d790ef 100644
--- a/src/components/chat-toolbar/chat-toolbar.tsx
+++ b/src/components/chat-toolbar/chat-toolbar.tsx
@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { h } from 'preact';
+import { useMemo } from 'preact/hooks';
 import { Namespace } from '../../utils';
 import { IChatToolbarItem } from '../../interface';
 import { AiChatController } from '../../controller';
@@ -163,6 +164,10 @@ export const ChatToolbar = (props: ChatToolbarProps) => {
     item.onClick?.(e, controller.context, controller.params, data);
   };
 
+  const isLoadding = useMemo(() => {
+    return data.state === 20 && data.completed !== true;
+  }, [data.state, data.completed]);
+
   return (
     <div className={`${ns.b()} ${ns.e(style)} ${className || ''}`}>
       {toolbarItems.map((item, index) => {
@@ -173,7 +178,7 @@ export const ChatToolbar = (props: ChatToolbarProps) => {
             className={`${ns.e('item')} ${ns.is(
               'disabled',
               disabled(item),
-            )} ${ns.is('loading', data.state === 20)} ${className || ''}`}
+            )} ${ns.is('loading', isLoadding)} ${className || ''}`}
             title={item.title}
             onClick={e => handleItemClick(e, item)}
           >
-- 
Gitee