Sender输入框
用于聊天的输入框组件。
使用import{ Sender }from"@ant-design/x"; |
通用属性参考:通用属性
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
actions | 自定义按钮 | ReactNode | (oriNode, info: { components }) => ReactNode | - | - |
allowSpeech | 是否允许语音输入 | boolean | SpeechConfig | false | - |
classNames | 样式类名 | 见下 | - | - |
components | 自定义组件 | Record<'input', ComponentType> | - | - |
defaultValue | 输入框默认值 | string | - | - |
disabled | 是否禁用 | boolean | false | - |
loading | 是否加载中 | boolean | false | - |
header | 头部面板 | ReactNode | - | - |
prefix | 前缀内容 | ReactNode | - | - |
readOnly | 是否让输入框只读 | boolean | false | - |
rootClassName | 根元素样式类 | string | - | - |
styles | 语义化定义样式 | 见下 | - | - |
submitType | 提交模式 | SubmitType | enter | shiftEnter | - |
value | 输入框值 | string | - | - |
onSubmit | 点击发送按钮的回调 | (message: string) => void | - | - |
onChange | 输入框值改变的回调 | (value: string) => void | - | - |
onCancel | 点击取消按钮的回调 | () => void | - | - |
type SpeechConfig = {// 当设置 `recording` 时,内置的语音输入功能将会被禁用。// 交由开发者实现三方语音输入的功能。recording?: boolean;onRecordingChange?: (recording: boolean) => void;};
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
children | 面板内容 | ReactNode | - | - |
closable | 是否可关闭 | boolean | true | - |
forceRender | 强制渲染,在初始化便需要 ref 内部元素时使用 | boolean | false | - |
open | 是否展开 | boolean | - | - |
title | 标题 | ReactNode | - | - |
onOpenChange | 展开状态改变的回调 | (open: boolean) => void | - | - |