uview-next
Version:
基于uView UI 2.0,110+高质量组件库,支持vue2和vue3,支持鸿蒙,支持多语言,搭配便捷工具助力,让开发更得心应手
147 lines (146 loc) • 3.18 kB
JavaScript
import { defineProps } from '../../libs/util/props';
export default defineProps('textarea', {
// 输入框的内容
//#ifdef VUE2
value: {
type: [String, Number],
default: ''
},
// #endif
// #ifdef VUE3
modelValue: {
type: [String, Number],
default: ''
},
// #endif
// 输入框为空时占位符
placeholder: {
type: [String, Number],
default: ''
},
// 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/
placeholderClass: {
type: String,
default: 'textarea-placeholder'
},
// 指定placeholder的样式
placeholderStyle: {
type: [String, Object],
default: 'color: #c0c4cc'
},
// 输入框高度
height: {
type: [String, Number],
default: 70
},
// 设置键盘右下角按钮的文字,仅微信小程序,App-vue和H5有效
confirmType: {
type: String,
default: 'done'
},
// 是否禁用
disabled: {
type: Boolean,
default: false
},
// 禁用状态时的背景色
disabledColor: {
type: String,
default: '#f5f7fa'
},
// 是否显示统计字数
count: {
type: Boolean,
default: false
},
// 是否自动获取焦点,nvue不支持,H5取决于浏览器的实现
focus: {
type: Boolean,
default: false
},
// 是否自动增加高度
autoHeight: {
type: Boolean,
default: false
},
// 如果textarea是在一个position:fixed的区域,需要显示指定属性fixed为true
fixed: {
type: Boolean,
default: false
},
// 指定光标与键盘的距离
cursorSpacing: {
type: Number,
default: 0
},
// 指定focus时的光标位置
cursor: {
type: [String, Number],
default: ''
},
// 是否显示键盘上方带有"完成"按钮那一栏,
showConfirmBar: {
type: Boolean,
default: true
},
// 光标起始位置,自动聚焦时有效,需与selection-end搭配使用
selectionStart: {
type: Number,
default: -1
},
// 光标结束位置,自动聚焦时有效,需与selection-start搭配使用
selectionEnd: {
type: Number,
default: -1
},
// 键盘弹起时,是否自动上推页面
adjustPosition: {
type: Boolean,
default: true
},
// 是否去掉 iOS 下的默认内边距,只微信小程序有效
disableDefaultPadding: {
type: Boolean,
default: false
},
// focus时,点击页面的时候不收起键盘,只微信小程序有效
holdKeyboard: {
type: Boolean,
default: false
},
// 最大输入长度,设置为 -1 的时候不限制最大长度
maxlength: {
type: [String, Number],
default: 140
},
// 边框类型,surround-四周边框,bottom-底部边框
border: {
type: String,
default: 'surround'
},
// 用于处理或者过滤输入框内容的方法
formatter: {
type: [Function, null],
default: null
},
// 是否忽略组件内对文本合成系统事件的处理
ignoreCompositionEvent: {
type: Boolean,
default: true
},
// 背景颜色
backgroundColor: {
type: String,
default: '#ffffff'
},
// 边框圆角
round: {
type: String,
default: '4px'
},
// 边框颜色
borderColor: {
type: String,
default: ''
}
})