Security News
Combatting Alert Fatigue by Prioritizing Malicious Intent
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
@beisen-phoenix/input
Advanced tools
@beisen-phoenix/input
通过鼠标或键盘输入内容,是最基础的表单域的包装。
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
type | 输入框类型,仅支持 text password hidden | string | text | 否 |
size | 输入框尺寸,支持 default large small | string | default | 否 |
value | 输入框内容 | string | - | 否 |
defaultValue | 输入框默认内容,若使用了 value,则 defaultValue 无效 | boolean | - | 否 |
placeholder | 同原生 input | string | 请输入 | 否 |
status | 输入框状态,正常、禁用、提示、错误,支持 normal disabled isHint error | string | normal | 否 |
readOnly | 只读状态,不能输入,不显示清除按钮 | boolean | false | 否 |
autoFocus | 首次挂载时是否自动获取焦点 | boolean | false | 否 |
maxLength | 最大输入字符数,同原生 input | number | - | 否 |
prefix | 前缀元素 | React.ReactNode | - | 否 |
suffix | 后缀元素,同 prefix | React.ReactNode | - | 否 |
translation | 国际化,详情见下方 | object | - | 否 |
onChange | 输入框内容变化时的回调 | function(value: string) | - | 否 |
onFocus | 获取焦点时的回调 | function(value: string) | - | 否 |
onBlur | 失去焦点时的回调 | function(value: string) | - | 否 |
onEnter | 按下回车的回调 | function(value: string) | - | 否 |
onClear | 按下清除图标的回调 | function() | - | 否 |
onClick | 点击输入框时的回调 | function(event) | - | 否 |
extraCls | 自定义组件容器 class,一般用于覆盖组件默认样式使用 | string | - | 否 |
clearFocus | 输入框激活时 点击清除按钮 输入框是否激活 | boolean | false | 否 |
allowPoprationOnClear | 点击清除按钮时,click 事件是否冒泡 | boolean | false | 否 |
lang | 当前语言环境(zh_CN,en_US,zh_TW) | string | zh_CN | 否 |
translation: {
placeholder: '请输入'
}
新增 lang 属性,用于表示当前的语言环境,取值范围为“zh_CN,zh_TW,en_US”内部新增中文简体、英文、中文繁体语言包。
更新设计: 可操作输入框文字超长时打点【保证 chrome 能正常打点即可】,不显示 tooltip 仅在禁用,只读时显示 tooltip
新增 api | clearFocus | 输入框激活时 点击清除按钮 输入框是否激活 | boolean | false | 否 |
FAQs
> @beisen-phoenix/input
The npm package @beisen-phoenix/input receives a total of 9 weekly downloads. As such, @beisen-phoenix/input popularity was classified as not popular.
We found that @beisen-phoenix/input demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.