复合输入框
@beisen-phoenix/composite-input
概述
可前置或后置元素，一般为标签或按钮
API
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| showTip | 是否超长打点并显示tooltip（仅在禁用，只读时显示tooltip） | boolean | false | 否 |
| size | 输入框尺寸，支持 default large small |
string | default | 否 |
| value | 输入框内容 | string | - | 否 |
| defaultValue | 输入框默认内容，若使用了value，则defaultValue无效 | string | - | 否 |
| placeholder | 同原生input | string | - | 否 |
| status | 输入框状态: normal 正常、disabled 禁用、isHint 提示、error 错误 |
string | normal | 否 |
| readOnly | 只读状态，不能输入，不显示清除按钮 | boolean | false | 否 |
| maxLength | 最大输入字符，同原生input | number | - | 否 |
| addonBefore | 复合输入框前置元素 | string / AddonType | - | 否 |
| addonAfter | 复合输入框后置元素 | string / AddonType | - | 否 |
| translation | 国际化，详情见下方 | object | - | 否 |
| onChange | 输入框内容变化时的回调 | function(value: string) | - | 否 |
| onFocus | 获取焦点时的回调 | function(value: string) | - | 否 |
| onBlur | 失去焦点时的回调 | function(value: string) | - | 否 |
| onEnter | 按下回车的回调 | function(value: string) | - | 否 |
| onClick | 点击输入框时的回调 | function(event) | - | 否 |
| lang | 当前语言环境(zh_CN,en_US,zh_TW) | string | zh_CN | 否 |
相关说明
数据类型
interface AddonType {
options: AddonItemType[];
value: string;
onChange: (value: string) => void;
}
interface AddonItemType {
label: string;
value: string;
}translation
translation: {
placeholder: '请输入'
}