修复 输入框 中文输入问题

This commit is contained in:
北枳 2025-09-07 00:18:07 +08:00
parent 260ce49cda
commit dbf30e441e

View File

@ -796,29 +796,20 @@ const RenderTemplateStoryMode = ({
<div className="py-2 flex-1">
<input
type="text"
value={selectedTemplate?.freeInputItem?.free_input_text}
value={selectedTemplate?.freeInputItem?.free_input_text || ""}
placeholder="How is coffee made?"
className="w-full px-3 py-2 pr-16 bg-white/0 border border-white/10 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500/30 transition-all duration-200 text-sm"
onChange={(e) => {
const value = e.target.value;
// 限制输入长度为500字符
if (value.length > 500) {
return;
}
// 立即更新UI显示
if (!selectedTemplate?.freeInputItem) return;
const updatedTemplate: StoryTemplateEntity = {
...selectedTemplate,
// 更新自由输入文字字段
const updatedTemplate = {
...selectedTemplate!,
freeInputItem: {
...selectedTemplate.freeInputItem,
free_input_text: value
...selectedTemplate!.freeInputItem,
free_input_text: e.target.value
}
};
setSelectedTemplate(updatedTemplate);
// 使用防抖函数处理实际的状态更新
debouncedUpdateInput(value);
setSelectedTemplate(updatedTemplate as StoryTemplateEntity);
}}
maxLength={500}
/>
</div>
)}