UNPKG

taro-ui-vue3

Version:

Taro UI Rewritten in Vue 3.0

110 lines (107 loc) 2.87 kB
import { CommonEvent, CommonEventFunction } from '@tarojs/components/types/common' import AtComponent from './base' export interface AtTextareaProps extends AtComponent { /** * 输入框当前值,支持 v-model,用户可通过 onChange 事件的 event.target.value 或 v-model:value 来更新 value 值,必填 */ value: string /** * 最大长度 * @default 200 */ maxLength?: string | number /** * 占位符 */ placeholder?: string /** * 指定 placeholder 的样式类,只在小程序有效 */ placeholderClass?: string /** * 指定 placeholder 的样式,只在小程序有效 */ placeholderStyle?: string /** * 是否禁用 * @default false */ disabled?: boolean /** * 是否自动聚焦 * @default false */ autoFocus?: boolean /** * 获取焦点 * @default false */ focus?: boolean /** * 是否显示键盘上方带有“完成”按钮那一栏 * @default false */ showConfirmBar?: boolean /** * 光标起始位置,自动聚集时有效,需与 selection-end 搭配使用 * @default -1 */ selectionStart?: number /** * 光标结束位置,自动聚集时有效,需与 selectionStart 搭配使用 * @default -1 */ selectionEnd?: number /** * 是否显示字数 * @default true */ count?: boolean /** * 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true * @default false */ fixed?: boolean /** * 文字超出最大长度时是否禁止输入,若否,则还可以在 maxLength 的基础上输入 500 字符,并右下角红字提示 * @default true */ textOverflowForbidden?: boolean /** * 输入框高度 * @default 100 */ height?: string | number /** * 指定光标与键盘的距离,单位 px。 * 取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离, * 只在小程序端有效,目前安卓端微信官方有 bug,该特性失效 * @default 100 */ cursorSpacing?: number /** * 输入框值改变时触发的事件, * 开发者可通过 onChange 事件或 v-model:value 来更新 value 值变化, * 不使用 v-model 时,onChange 函数必填 */ onChange?: (value: string, event?: CommonEvent) => void /** * 输入框获得焦点时触发,height 为键盘高度,在基础库 1.9.90 起支持 */ onFocus?: CommonEventFunction /** * 输入框失去焦点时触发 */ onBlur?: CommonEventFunction /** * 点击完成时,触发 confirm 事件 */ onConfirm?: CommonEventFunction /** * 输入框行数变化时调用 */ onLinechange?: CommonEventFunction }