直接跳到内容
本页目录

ChatAreaInput 聊天输入组件

多行文本输入组件,继承自 TextAreaInput,允许通过文本输入框输入任意多行字符串。支持使用 Enter 键或可选的 Ctrl-Enter 键提交消息。

与 TextAreaInput 不同,ChatAreaInput 默认 auto_grow=True 且 max_rows=10,并且 value 在消息实际发送前不会同步到服务器。如果需要访问输入框中当前的文本,请使用 value_input。

底层实现为panel.chat.ChatAreaInput,参数基本一致,参考文档:https://panel.holoviz.org/reference/chat/ChatAreaInput.html

基本用法

根据 enter_sends 参数的值(默认为 True),按 Enter 键或 Ctrl-Enter/Cmd-Enter 键提交消息:

实时更新

要查看当前输入的内容而不等待提交,可以使用 value_input 属性:

API

属性

属性名说明类型默认值
disabled_enter是否禁用回车键发送消息bool -
enter_sends发送方式(True=回车键发送,False=Ctrl+回车键发送)bool True
value按下发送键时的消息内容(发送后自动重置为空,需配合watch/bind使用)str ""
value_input实时更新的当前输入内容str ""
enter_pressed回车键/Ctrl+回车键按下事件bool -
auto_grow是否自动增加高度以适应内容bool True
cols输入框列数int 2
disabled是否禁用编辑bool False
max_length最大输入字符数int 50000
max_rows自动增长时的最大行数int 10
name组件标题str ""
placeholder空白时的占位文本str ""
rows输入框行数int 2
resizable是否可调整大小('width'-宽度, 'height'-高度, 'both'-双向, False-不可调整)bool|str 'both'

Events

事件名说明类型
changevalue 值改变时触发Callable 

Controls

src/examples/panel_vuepy/chat/ChatAreaInput

ChatAreaInput 聊天输入组件已经加载完毕