From 26cd7f7e8f914105ab49e7099fb3b750cf1bbb79 Mon Sep 17 00:00:00 2001
From: wenyongda <bmdzh11713@163.com>
Date: Wed, 23 Jul 2025 17:28:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E7=AD=94=E5=8A=A9=E6=89=8B=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E5=AD=90=E7=BB=84=E4=BB=B6=E5=8F=8D=E5=AF=B9=E5=A1=AB?=
 =?UTF-8?q?=E5=86=99=E5=8F=8D=E9=A6=88=E5=BB=BA=E8=AE=AE=E6=A8=A1=E6=80=81?=
 =?UTF-8?q?=E6=A1=86=E7=A1=AE=E8=AE=A4=E6=8C=89=E9=92=AEloading=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=EF=BC=8C=E5=A2=9E=E5=8A=A0confirmLoading=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=EF=BC=8C=E5=B9=B6=E6=94=B9=E7=A1=AE=E8=AE=A4=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=BA=E5=BC=82=E6=AD=A5=EF=BC=8C=E4=BC=A0=E9=80=92?=
 =?UTF-8?q?=E8=87=B3=E7=88=B6=E7=BB=84=E4=BB=B6=20=E9=97=AE=E7=AD=94?=
 =?UTF-8?q?=E5=8A=A9=E6=89=8B=E8=A7=A3=E5=86=B3Popconfirm=E6=B0=94?=
 =?UTF-8?q?=E6=B3=A1=E7=A1=AE=E8=AE=A4=E6=A1=86=E4=B8=8D=E8=A7=A6=E5=8F=91?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E4=B8=BADify=E4=BA=8C?=
 =?UTF-8?q?=E6=AC=A1=E5=BC=80=E5=8F=91=E9=97=AE=E7=AD=94=E5=8A=A9=E6=89=8B?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E7=9A=84Tooltip=E5=AF=BC=E8=87=B4=E5=8F=8APo?=
 =?UTF-8?q?pconfirm=E9=9C=80=E5=9C=A8Button=E6=8C=89=E9=92=AE=E7=9A=84?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=80=E7=BA=A7=E6=89=8D=E5=8F=AF=E8=A7=A6=E5=8F=91?=
 =?UTF-8?q?=EF=BC=8C=E5=B0=86Dify=E7=9A=84Tooltip=E6=9B=B4=E6=8D=A2?=
 =?UTF-8?q?=E6=88=90Ant=20Design=E7=9A=84Tooltip=EF=BC=8C=E6=AD=A4?=
 =?UTF-8?q?=E6=B0=94=E6=B3=A1=E7=A1=AE=E8=AE=A4=E6=A1=86=E7=9A=84=E4=BD=9C?=
 =?UTF-8?q?=E7=94=A8=E4=B8=BA=E5=8F=96=E6=B6=88=E8=B5=9E=E6=88=90=E5=8F=8A?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=E5=8F=8D=E5=AF=B9=E6=97=B6=E8=BF=9B=E8=A1=8C?=
 =?UTF-8?q?=E7=A1=AE=E8=AE=A4=EF=BC=8C=E8=80=8C=E4=B8=8D=E6=98=AF=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=96=E6=B6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/base/copy-btn/index.tsx        |  6 +-
 app/components/base/regenerate-btn/index.tsx  |  5 +-
 .../chat-with-history/FeedbackModal.tsx       | 15 ++++-
 app/components/chat-with-history/hooks.tsx    |  1 -
 app/components/chat/answer/operation.tsx      | 64 ++++++++++++-------
 5 files changed, 60 insertions(+), 31 deletions(-)

diff --git a/app/components/base/copy-btn/index.tsx b/app/components/base/copy-btn/index.tsx
index 5159a96..92a01f3 100644
--- a/app/components/base/copy-btn/index.tsx
+++ b/app/components/base/copy-btn/index.tsx
@@ -4,7 +4,8 @@ import { t } from 'i18next'
 import { debounce } from 'lodash-es'
 import copy from 'copy-to-clipboard'
 import s from './style.module.css'
-import Tooltip from '@/app/components/base/tooltip'
+// import Tooltip from '@/app/components/base/tooltip'
+import { Tooltip } from 'antd';
 
 type ICopyBtnProps = {
   value: string
@@ -31,8 +32,7 @@ const CopyBtn = ({
   return (
     <div className={`${className}`}>
       <Tooltip
-        popupContent={(isCopied ? t('appApi.copied') : t('appApi.copy'))}
-        asChild={false}
+        title={(isCopied ? t('appApi.copied') : t('appApi.copy'))}
       >
         <div
           onMouseLeave={onMouseLeave}
diff --git a/app/components/base/regenerate-btn/index.tsx b/app/components/base/regenerate-btn/index.tsx
index 2375840..8c2cc7d 100644
--- a/app/components/base/regenerate-btn/index.tsx
+++ b/app/components/base/regenerate-btn/index.tsx
@@ -1,7 +1,8 @@
 'use client'
 import { t } from 'i18next'
 import { Refresh } from '@/app/components/base/icons/src/vender/line/general'
-import Tooltip from '@/app/components/base/tooltip'
+// import Tooltip from '@/app/components/base/tooltip'
+import { Tooltip } from 'antd';
 
 type Props = {
   className?: string
@@ -12,7 +13,7 @@ const RegenerateBtn = ({ className, onClick }: Props) => {
   return (
     <div className={`${className}`}>
       <Tooltip
-        popupContent={t('appApi.regenerate') as string}
+        title={t('appApi.regenerate') as string}
       >
         <div
           className={'box-border p-0.5 flex items-center justify-center rounded-md bg-white cursor-pointer'}
diff --git a/app/components/chat-with-history/FeedbackModal.tsx b/app/components/chat-with-history/FeedbackModal.tsx
index 63a210d..5d75bdf 100644
--- a/app/components/chat-with-history/FeedbackModal.tsx
+++ b/app/components/chat-with-history/FeedbackModal.tsx
@@ -6,7 +6,7 @@ const { TextArea } = Input;
 
 interface FeedbackModalProps {
   open: boolean;
-  onOk: (selectedOption: number | null, feedbackText: string) => void;
+  onOk: (selectedOption: number | null, feedbackText: string) => Promise<void>;
   onCancel: () => void;
 }
 
@@ -14,12 +14,20 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ open, onOk, onCancel }) =
   const [selectedOption, setSelectedOption] = useState<number | null>(null);
   const [feedbackText, setFeedbackText] = useState<string>('');
   const { t } = useTranslation()
-  const handleOk = () => {
+  const [confirmLoading, setConfirmLoading] = useState(false);
+
+  const handleOk = async () => {
     if (!feedbackText) {
       message.warning('请填写反馈建议');
       return;
     }
-    onOk(selectedOption, feedbackText);
+    setConfirmLoading(true)
+    try {
+      await onOk(selectedOption, feedbackText);
+    } finally {
+      setConfirmLoading(false)
+    }
+
   };
 
   return (
@@ -30,6 +38,7 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ open, onOk, onCancel }) =
       onCancel={onCancel}
       okText={`${t('common.operation.confirm')}`}
       cancelText={`${t('common.operation.cancel')}`}
+      confirmLoading={confirmLoading}
     >
       {/* <div>
         <Checkbox
diff --git a/app/components/chat-with-history/hooks.tsx b/app/components/chat-with-history/hooks.tsx
index 13d1e9b..e6485ab 100644
--- a/app/components/chat-with-history/hooks.tsx
+++ b/app/components/chat-with-history/hooks.tsx
@@ -690,7 +690,6 @@ export const useChatWithHistory = (installedAppInfo?: InstalledApp) => {
           }
           setIsFeedbackModalVisible(false)
          }}
-        //  feedbackText={}
       />
     ),
   };
diff --git a/app/components/chat/answer/operation.tsx b/app/components/chat/answer/operation.tsx
index cd7570a..df8d298 100644
--- a/app/components/chat/answer/operation.tsx
+++ b/app/components/chat/answer/operation.tsx
@@ -3,6 +3,7 @@ import {
   memo,
   useMemo,
   useState,
+  useCallback
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import type { ChatItem } from '../../types'
@@ -19,8 +20,9 @@ import {
   ThumbsDown,
   ThumbsUp,
 } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
+// import Tooltip from '@/app/components/base/tooltip'
 import Log from '@/app/components/chat/log'
+import { message, Popconfirm, Tooltip } from 'antd';
 
 interface OperationProps {
   item: ChatItem
@@ -80,6 +82,14 @@ const Operation: FC<OperationProps> = ({
     }
   }
 
+  const confirmCancelCallback = useCallback(async () => {
+    try {
+      await handleFeedback(null)
+    } finally {
+      message.success(localFeedback!.rating === 'like' ? `${t('appDebug.operation.cancelAgree')}成功` : `${t('appDebug.operation.cancelDisagree')}成功`)
+    }
+  }, [handleFeedback])
+
   const operationWidth = useMemo(() => {
     let width = 0
     if (!isOpeningStatement)
@@ -171,7 +181,7 @@ const Operation: FC<OperationProps> = ({
         {
           config?.supportFeedback && !localFeedback?.rating && onFeedback && !isOpeningStatement && (
             <div className='hidden group-hover:flex shrink-0 items-center px-0.5 bg-white border-[0.5px] border-gray-100 shadow-md text-gray-500 rounded-lg'>
-              <Tooltip popupContent={t('appDebug.operation.agree')}>
+              <Tooltip title={t('appDebug.operation.agree')}>
                 <div
                   className='flex items-center justify-center mr-0.5 w-6 h-6 rounded-md hover:bg-black/5 hover:text-gray-800 cursor-pointer'
                   onClick={() => handleFeedback('like')}
@@ -180,7 +190,7 @@ const Operation: FC<OperationProps> = ({
                 </div>
               </Tooltip>
               <Tooltip
-                popupContent={t('appDebug.operation.disagree')}
+                title={t('appDebug.operation.disagree')}
               >
                 <div
                   className='flex items-center justify-center w-6 h-6 rounded-md hover:bg-black/5 hover:text-gray-800 cursor-pointer'
@@ -195,27 +205,37 @@ const Operation: FC<OperationProps> = ({
         {
           config?.supportFeedback && localFeedback?.rating && onFeedback && !isOpeningStatement && (
             <Tooltip
-              popupContent={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
+              title={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
             >
-              <div
-                className={`
-                  flex items-center justify-center w-7 h-7 rounded-[10px] border-[2px] border-white cursor-pointer
-                  ${localFeedback.rating === 'like' && 'bg-blue-50 text-blue-600'}
-                  ${localFeedback.rating === 'dislike' && 'bg-red-100 text-red-600'}
-                `}
-                onClick={() => handleFeedback(null)}
+              <Popconfirm
+                  title={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
+                  description={localFeedback.rating === 'like' ? `是否${t('appDebug.operation.cancelAgree')}？` : `是否${t('appDebug.operation.cancelDisagree')}？`}
+                  onConfirm={confirmCancelCallback}
+                  okText={`${t('common.operation.confirm')}`}
+                  cancelText={`${t('common.operation.cancel')}`}
               >
-                {
-                  localFeedback.rating === 'like' && (
-                    <ThumbsUp className='w-4 h-4' />
-                  )
-                }
-                {
-                  localFeedback.rating === 'dislike' && (
-                    <ThumbsDown className='w-4 h-4' />
-                  )
-                }
-              </div>
+                <button
+                  type="button"
+                  className={`
+                    flex items-center justify-center w-7 h-7 rounded-[10px] border-[2px] border-white cursor-pointer
+                    ${localFeedback.rating === 'like' && 'bg-blue-50 text-blue-600'}
+                    ${localFeedback.rating === 'dislike' && 'bg-red-100 text-red-600'}
+                  `}
+                  onClick={(e) => e.stopPropagation()}
+                >
+                  {
+                    localFeedback.rating === 'like' && (
+                      <ThumbsUp className='w-4 h-4' />
+                    )
+                  }
+                  {
+                    localFeedback.rating === 'dislike' && (
+                      <ThumbsDown className='w-4 h-4' />
+                    )
+                  }
+                </button>
+
+              </Popconfirm>
             </Tooltip>
           )
         }