模板参数输入

dev/chat
Lei OT 2 years ago
parent 9f9b55a9b4
commit 241cff32fc

@ -1,4 +1,4 @@
import { useState, useRef, useEffect, memo } from 'react';
import { useState, useRef, useEffect } 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 = memo(function renderForm({tempItem}) {
const renderForm = (tempItem) => {
const templateText = tempItem.components.body?.[0]?.text || '';
const tempArr = splitTemplate(templateText);
const keys = (templateText.match(/{{(.*?)}}/g) || []).map((key) => key.replace(/{{|}}/g, ''));
@ -111,16 +111,16 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
size={'small'}
title={ele.key}
placeholder={paramsVal[ele.key] || ele.key}
defaultValue={paramsVal[ele.key] || ''}
// defaultValue={paramsVal[ele.key] || ''}
onPressEnter={() => handleSendTemplate(tempItem)}
/>
)
);
});
};
return (
<>
<Popover overlayClassName='w-3/5'
fresh forceRender destroyTooltipOnHide={true}
fresh
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 tempItem={item}/></div>
<div className='text-slate-500'>{renderForm(item)}</div>
{item.components?.footer?.[0] ? <div className=''>{item.components.footer[0].text || ''}</div> : null}
</div>
{/* <div className='text-right px-2'>

Loading…
Cancel
Save