diff --git a/components/sender/demo/basic.tsx b/components/sender/demo/basic.tsx index 5e798bb90..cf2f639d2 100644 --- a/components/sender/demo/basic.tsx +++ b/components/sender/demo/basic.tsx @@ -38,6 +38,7 @@ const Demo: React.FC = () => { setLoading(false); message.error('Cancel sending!'); }} + autoSize={{ minRows: 2, maxRows: 6 }} /> diff --git a/components/sender/index.en-US.md b/components/sender/index.en-US.md index 24065c180..4bbb64407 100644 --- a/components/sender/index.en-US.md +++ b/components/sender/index.en-US.md @@ -53,6 +53,7 @@ Common props ref:[Common props](/docs/react/common-props) | onChange | Callback when input value changes | (value: string, event?: React.FormEvent<`HTMLTextAreaElement`> \| React.ChangeEvent<`HTMLTextAreaElement`> ) => void | - | - | | onCancel | Callback when click cancel button | () => void | - | - | | onPasteFile | Callback when paste files | (firstFile: File, files: FileList) => void | - | - | +| autoSize | Height auto size feature, can be set to true \| false or an object { minRows: 2, maxRows: 6 } | boolean \| { minRows?: number; maxRows?: number } | { maxRows: 8 } | - | ```typescript | pure type SpeechConfig = { diff --git a/components/sender/index.tsx b/components/sender/index.tsx index 6f58f796f..80ed10e74 100644 --- a/components/sender/index.tsx +++ b/components/sender/index.tsx @@ -74,6 +74,7 @@ export interface SenderProps allowSpeech?: AllowSpeech; prefix?: React.ReactNode; header?: React.ReactNode; + autoSize?: boolean | { minRows?: number; maxRows?: number }; } export type SenderRef = { @@ -114,6 +115,7 @@ const ForwardSender = React.forwardRef((props, ref) => { header, onPaste, onPasteFile, + autoSize = { maxRows: 8 }, ...rest } = props; @@ -308,7 +310,7 @@ const ForwardSender = React.forwardRef((props, ref) => { disabled={disabled} style={{ ...contextConfig.styles.input, ...styles.input }} className={classnames(inputCls, contextConfig.classNames.input, classNames.input)} - autoSize={{ maxRows: 8 }} + autoSize={autoSize} value={innerValue} onChange={(event) => { triggerValueChange( diff --git a/components/sender/index.zh-CN.md b/components/sender/index.zh-CN.md index cd06e4355..6404498ba 100644 --- a/components/sender/index.zh-CN.md +++ b/components/sender/index.zh-CN.md @@ -54,6 +54,7 @@ coverDark: https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cOfrS4fVkOMAAA | onChange | 输入框值改变的回调 | (value: string, event?: React.FormEvent<`HTMLTextAreaElement`> \| React.ChangeEvent<`HTMLTextAreaElement`> ) => void | - | - | | onCancel | 点击取消按钮的回调 | () => void | - | - | | onPasteFile | 黏贴文件的回调 | (firstFile: File, files: FileList) => void | - | - | +| autoSize | 自适应内容高度,可设置为 true \| false 或对象:{ minRows: 2, maxRows: 6 } | boolean \| { minRows?: number; maxRows?: number } | { maxRows: 8 } | - | ```typescript | pure type SpeechConfig = {