From c86acb911111960d884ec385b8adbd3374a1cbf8 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 12 Mar 2024 11:13:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A8=A1=E6=9D=BF=E5=A1=AB=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Conversations/Components/Input/Template.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/Conversations/Components/Input/Template.jsx b/src/views/Conversations/Components/Input/Template.jsx
index 86bcf67..b1d7e46 100644
--- a/src/views/Conversations/Components/Input/Template.jsx
+++ b/src/views/Conversations/Components/Input/Template.jsx
@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, memo } from 'react';
 import { App, Popover, Flex, Button, List, Input } from 'antd';
 import { MessageOutlined, SendOutlined } from '@ant-design/icons';
 import useAuthStore from '@/stores/AuthStore'
@@ -92,7 +92,7 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
     });
   };
 
-  const renderForm = (tempItem) => {
+  const RenderForm = memo(function renderForm({tempItem}) {
     const templateText = tempItem.components.body?.[0]?.text || '';
     const tempArr = splitTemplate(templateText);
     const keys = (templateText.match(/{{(.*?)}}/g) || []).map((key) => key.replace(/{{|}}/g, ''));
@@ -116,11 +116,11 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
         />
       )
     );
-  };
+  });
   return (
     <>
       <Popover overlayClassName='w-3/5'
-        fresh
+        fresh forceRender destroyTooltipOnHide={true}
         content={
           <>
             <Input.Search
@@ -155,7 +155,7 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
                     description={
                       <>
                         <div className=' max-h-40 overflow-y-auto divide-dashed divide-x-0 divide-y divide-gray-300'>
-                          <div className='text-slate-500'>{renderForm(item)}</div>
+                          <div className='text-slate-500'><RenderForm tempItem={item}/></div>
                           {item.components?.footer?.[0] ? <div className=''>{item.components.footer[0].text || ''}</div> : null}
                         </div>
                         {/* <div className='text-right px-2'>