输入框

介绍

基本表单组件，用于用户直接输入数据。

API

Props

参数名	描述	类型	默认值
status	默认状态	'default'|'disabled'|'hide'|'readonly'	'default'
title	标题	string	'输入框'
showLabel	显示标题	boolean	true
valueType	默认值，默认值类型	'custom'|'formula'	'custom'
value	默认值，跟默认值类型，选择数据中custom属性值或者formula属性值	Value	-
placeholder	占位提示	string	-
width	字段占比	'25%'|'50%'|'75%'|'100%'	'100%'
labelWidth	标签宽度	string	-
name	数据字段	string	"INPUT_随机八位字符"
allowClear	清除按钮	boolean	false
baseStyle	自定义样式 ， 表格整体自定义样式	string	-
customClass	类名绑定 ， 绑定类的名称	string	-
boxStyle	盒模型 ， margin,border,padding设置	BoxStyle	-
uniqueKey	唯一标识 ， 组件的唯一标识	string	-
extra	补充说明	string	-
tip	气泡提醒	string	-
validate	校验	Validate	-
append	前后缀&标签	Append	-
loop	循环 ， 循环渲染设置	Loop	-

Events

事件名	描述	参数
onInput	用户输入时触发	ctx params: { value:string } loop: LoopParams
onChange	输入框失焦或按下回车时触发	ctx params: { value:string } loop: LoopParams
onFocus	获得焦点时触发	ctx params: FocusEvent loop: LoopParams
onBlur	输入框失焦或按下回车时触发	ctx params: FocusEvent loop: LoopData
onPressEnter	按下回车时触发	ctx params: { value:string } loop: LoopParams
onClear	点击清除按钮时触发	ctx params: PointerEvent loop: LoopParams
onPaste	粘贴内容时触发	ctx params: { event:ClipboardEvent, pasteValue:string } loop: LoopData

Methods

方法名	描述	参数	返回值
focus	获取焦点	-	-

Type

// 默认值
type Value = {
  "formulaValue": string,
  "value": string,
}

// 盒模型
type BoxStyle = {
  "marigin": [string|string|string|string],
  "border": [string|string|string|string],
  "padding": [string|string|string|string],
}

// 校验
type Validate = {
  "required": boolean,
  "min": boolean,
  "max": boolean,
  "email": boolean,
  "phone": boolean,
  "customFunc": boolean,
  "requiredMsg": string,
  "minLength": number,
  "minMsg": string,
  "maxLength": number,
  "maxMsg": string,
  "emailMsg": string,
  "phoneMsg": string,
  "func":string
}

// 前后缀&标签
type Append = {
  "prefix": boolean,
  "prepend": boolean,
  "suffix": boolean,
  "append": boolean,
  "prependType": string,
  "onClickPrepend": string,
  "prependText": string,
  "suffixType": string,
  "suffixText": string,
  "appendType": string,
  "onClickAppend": string,
  "appendText": string
}

// 循环
type Loop = {
  "data": any[],
  "paramName": string,
  "indexName": string,
  "key": string
}

// 循环变量数据参数
type LoopParams = {
  "indexName":string,
  "paramName":string,
  "ref":ComputedRefImpl, // 全部的循环变量数据
  "row":number,
  "rowIndex":number
}[]