@beisen-phoenix/field-composite-input

@beisen-phoenix/field-composite-input

Usage no npm install needed!

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

README

复合单行文本输入字段

@beisen-phoenix/field-composite-input

API

参数 说明 类型 默认值 必须
isPreview 是否用于展示态 boolean false 否
showTip 是否超长打点并显示tooltip （仅在禁用，只读时显示tooltip） boolean false 否
size 输入框尺寸，支持 default large small string default 否
value 输入框内容 string - 否
defaultValue 输入框默认内容，若使用了value，则defaultValue无效 string - 否
placeholder 同原生input string - 否
disabled 该输入项是否禁用 boolean false 否
hasError 是否显示错误 boolean false 否
readOnly 只读状态，不能输入，不显示清除按钮 boolean false 否
maxLength 最大输入字符，同原生input number - 否
addonBefore 复合输入框前置元素 string / AddonType - 否
addonAfter 复合输入框后置元素 string / AddonType - 否
translation 国际化，详情见下方 object - 否
onChange 输入框内容变化时的回调,负责将值传回form (data) => void - 否
onFocus 获取焦点时的回调 function(value: string) - 否
onBlur 失去焦点时的回调 function(value: string) - 否
onEnter 按下回车的回调 function(value: string) - 否
onClick 点击输入框时的回调 function(event) - 否

translation

translation: {
  placeholder: '请输入'
}