复合输入框

@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) | - | 否 |

数据格式

interface AddonType { options: AddonItemType[]; value: string; onChange: (value: string) => void; }

interface AddonItemType { label: string; value: string; }

translation

translation: {
  placeholder: '请输入'
}