fix: 模板填充

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'>