@beisen-phoenix/field-input

@beisen-phoenix/field-input

Usage no npm install needed!

<script type="module">
  import beisenPhoenixFieldInput from 'https://cdn.skypack.dev/@beisen-phoenix/field-input';
</script>

README

单行文本输入字段

@beisen-phoenix/field-input

API

参数 说明 类型 默认值 必须
value 已输入的值 string 无 否
disabled 该输入项是否禁用 boolean false 否
hasError 是否显示错误 boolean false 否
placeholder 输入框的占位符 string 请输入 否
type 输入框类型，仅支持 text password hidden string text 否
size 输入框尺寸，支持 default large small string default 否
readOnly 只读状态，不能输入，不显示清除按钮 boolean false 否
isPreview 是否用于展示态 boolean false 否
maxLength 最大输入字符，同原生input number - 否
prefix 前缀图标，图标名称见 [@beisen-phoenix/icon] 否 (http://cmp.italent-inc.cn/details?id=1095) PC端图标库 string / React.ReactNode -
suffix 后缀图标，同prefix string / React.ReactNode - 否
onChange 输入框内容变化时的回调,负责将值传回form (data) => void - 否
onFocus 获取焦点时的回调 function(value: string) - 否
onBlur 失去焦点时的回调 function(value: string) - 否
onEnter 按下回车的回调 function(value: string) - 否
onClear 按下清除图标的回调 function() - 否
onClick 点击输入框时的回调 function(event) - 否
extraCls 自定义组件容器class,一般用于覆盖组件默认样式使用 string - 否