组件

OneTextarea

多行文本输入：受控与非受控模式、原生状态与 rows。

查看代码收起代码

import { OneTextarea, type OneTextareaValueEvent } from '@geektech/one';

const textarea = new OneTextarea({
  rows: 5,
  placeholder: '请输入补充说明',
  ariaLabel: '补充说明',
});
textarea.on('input', (payload) => {
  const event = payload as OneTextareaValueEvent;
  console.log(event.value);
});

API

OneTextarea API
名称	签名	说明
`value`	`value?: string`	受控值；存在时输入后恢复最新 prop。
`defaultValue`	`defaultValue?: string`	非受控初始值。
`name`	`name?: string`	原生字段名。
`placeholder`	`placeholder?: string`	输入提示。
`rows`	`rows?: number`	可见行数（1-10），默认 3。
`size`	`size?: OneComponentSize`	组件尺寸：'sm' \| 'md' \| 'lg'，默认 md。
`disabled`	`disabled?: boolean`	原生禁用状态。
`readonly`	`readonly?: boolean`	原生只读状态。
`required`	`required?: boolean`	原生必填状态。
`invalid`	`invalid?: boolean`	无效样式与 aria-invalid。
`ariaLabel`	`ariaLabel?: string`	映射到 aria-label。
`input`	`(payload: OneTextareaValueEvent) => void`	每次原生 input 事件发出。
`change`	`(payload: OneTextareaValueEvent) => void`	每次原生 change 事件发出。