Genarrative/src/components/image-editor/EditorAgentConversation/EditorAgentDraftTextarea.tsx

import {
  type ClipboardEventHandler,
  type KeyboardEvent,
} from 'react';

import { AutoGrowTextArea } from '@/src/components/common/AutoGrowTextArea';

export function EditorAgentDraftTextarea({
  value,
  onChange,
  onPaste,
}: {
  value: string;
  onChange: (value: string) => void;
  onPaste?: ClipboardEventHandler<HTMLTextAreaElement>;
}) {
  const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
    if (
      event.key === 'Enter' &&
      !event.shiftKey &&
      !event.nativeEvent.isComposing &&
      event.nativeEvent.keyCode !== 229
    ) {
      event.preventDefault();
      event.currentTarget.form?.requestSubmit();
    }
  };

  return (
    <AutoGrowTextArea
      className="editor-agent-conversation__draft-input min-w-0 flex-1 rounded-3xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-800 outline-none focus:border-slate-400"
      aria-label="发送给画布 Agent"
      value={value}
      onChange={(event) => onChange(event.currentTarget.value)}
      onPaste={onPaste}
      onKeyDown={handleKeyDown}
    />
  );
}